导航:首页 > 软件知识 > 小程序海外链什么地图

小程序海外链什么地图

发布时间:2023-05-27 03:44:22

❶ 微信小程序内怎么导入地图,距离测算

进入腾讯地址服务官网。
在微信小程序中插入个性化地图:进入腾讯地址服务官网,控制台、个性化地图、个性化样式、样式选择。>
先定位目前的位置,再根据输入的目的地进行两地之间的距离计算。(前提是先导入高德地图相应的sdk包)。

❷ 微信小程序能使用海外版的地图开发应用吗

这里贴下主要代码介绍下:
先是wxml文件:
<map id='parkingMap' class='mp_map' longitude="{{lon}}" latitude="{{lat}}" scale='14' markers='{{markers}}' controls='{{controls}}' bindcontroltap='controltap' bindmarkertap='markertap' show-location='true' bindregionchange='regionchange' bindtap='clickOther'> 1

标签里的属性API文档里都有介绍,应该没什么好说的了;
可以看到在地图上有标记p,点击需要有提示信息,查了下微信map上面无法在继续添加覆盖物,然后看了API文档有个cover-view,于是就用这个来做了个提示信息:

<cover-view class='parkingName'>{{parkingName}}</cover-view>

<cover-view class='space'>
<cover-view class='totalNum'>总车位:<cover-view style='color:red'>{{totalNum}}</cover-view></cover-view>
<cover-view class='leftNum'>剩余车位:<cover-view style='color:red'>{{leftNum}}</cover-view></cover-view>
</cover-view>

</cover-view>

<cover-view class='right'>
<cover-image src='../../image/arrow_right.png' class='arrow'></cover-image>
</cover-view>

</cover-view>
123456789101112131415

注意这里是要添加到map标签里面:<map> <cover-view> </cover-view></map>
加了个if判断,点击地图上的P才显示;
js文件:
初始化data:
//定义全局变量var longitude, latitude, mapCtxvar centerLongitude, centerLatitude, windowWidth, windowHeight /**
* 页面的初始数据
*/
data: {
lon: '',
lat: '',
is_show: false,
parkingName:'',
totalNum:'',
leftNum:'',
markers: [],
controls: []
},12345678910111213141516

首先是获取定位,使用微信小程序API提供的方式:
getloca:function(){
var that = this
var time
wx.getLocation({
type: "wgs84 ",
success: function (res) {
console.log(res.latitude)
console.log(res.longitude)

latitude = res.latitude
longitude = res.longitude
centerLatitude = latitude
centerLongitude = longitude
that.setData({
lat: res.latitude,
lon: res.longitude,
})
},
fail: function (res) {

}
})
},

在实际测试中,发现有的android机掉用改API就是无法定位,测试过所需要的权限都有,最后尝试了下网络地图,居然发现成功了,一下是网络地图定位(具体可以查看网络地图小程序API)的方式:
//引入网络地图apivar bmap = require('../../libs/bmap-wx.min.js');//网络api定位我的位置
getLocaByBM:function(){
var that = this; var BMap = new bmap.BMapWX({
ak: '你自己申请的ak'
}); var fail = function (data) {
console.log(data)
}; var success = function (data) {
wxMarkerData = data.wxMarkerData;
console.log(wxMarkerData)
centerLatitude = wxMarkerData[0].latitude
centerLongitude = wxMarkerData[0].longitude

that.setData({
markers: wxMarkerData
});
that.setData({
lat: wxMarkerData[0].latitude
});
that.setData({
lon: wxMarkerData[0].longitude
});
} //好像必须要加这个
BMap.regeocoding({
fail: fail,
success: success,
iconPath: '../../image/center.png',
iconTapPath: '../../img/center.png',
width:23,
height:40
});
},2425262728293031323334353637

好吧,这次的测试结果苹果,小米,华为,三星均能正常定位了;希望微信以后能改善这个问题吧。
不过这里需要注意一个问题,小程序是基于腾讯地图(使用火星坐标),网络地图定位出来的坐标需要转换才能正确的标识,文末会贴出转换的代码;
下面是map的操作了,常见的几种添加markers,controls,地图移动时的监听处理;
先介绍地图移动的监听处理:
这里可以结合微信API文档来看会更清晰(文笔不好,写的有些乱),先获取map对象:

❸ 乐游欧洲go小程序的地图导航功能怎么用

这个功能只能在欧洲才可以用,进入微信乐游欧洲go小程局返序以后,点击下方地图就可以使用。如果你在首页选择了要去的景点或者商桐雀饥场,可以导航过去,也可以购买相应交通票。
旅行的话也不建议打车,一个城市的公交,一些常见的出行交通可以更好的感受这个城市。在“乐游欧岁宴洲go”里面,举个例子,你买的阿姆斯特丹旅行票,那么凭借这个票免费乘坐这个城市大部分交通工具,逛遍全城。

阅读全文

与小程序海外链什么地图相关的资料

热点内容
安迪苏有哪些化工产品 浏览:403
ug后处理如何减少程序段 浏览:812
中国科学技术馆坐什么公交车 浏览:860
adobe应用程序更新怎么关闭 浏览:326
ebar系列有哪些产品 浏览:642
株洲批发市场的租金多少钱 浏览:341
哪里可以理解更多经济信息 浏览:883
有什么医学类的刷题小程序 浏览:978
清除血管毒垢有哪些产品 浏览:270
目前西安市场韭菜销售情况怎么样 浏览:969
winform程序图标怎么修改 浏览:483
深圳招银金融资产交易中心怎么样 浏览:98
什么产品是求着买的 浏览:885
如何用数据线做好玩的东西 浏览:627
如何以低分辨率运行特定程序 浏览:234
手游代理需要注意什么细节 浏览:55
悬浮技术怎么做 浏览:537
如何预约茅台小程序 浏览:469
氩气瓶多少钱一瓶批发市场 浏览:984
中本聪子币什么时候可以交易 浏览:571