微信小程序map组件地图定位当前位置

小程序map组件的应用方式：简单版

wxml:

<map id="map" latitude="{{latitude}}" longitude="{{longitude}}"  controls="{{controls}}" bindcontroltap="controltap"markers="{{markers}}" bindmarkertap="markertap" polyline="{{polyline}}" bindregionchange="regionchange"   scale="14"  show-location></map>

wxss:

page{ width: 100%; height:100%; }
#map{ width: 100%; height:100%; }

js:

data: {markers: [],  //地图参数：latitude: "", //纬度 longitude: "",  //经度},regionchange(e) {//console.log(e)},markertap(e) {//console.log(e)},controltap(e) {//console.log(e)},//获得地图getMyMap(e) {let that = this;//自行查询经纬度 http://www.gpsspg.com/maps.htmconst mapLatitude = 23.1194300000,mapLongitude = 113.3212200000;wx.getLocation({type: 'wgs84', success(res){// 当前自己的经纬度 res.latitude，res.longitudethat.setData({latitude: mapLatitude,longitude: mapLongitude,markers: [{id: "0",latitude: mapLatitude,longitude: mapLongitude,iconPath: "https://xcx.quan5fen.com/Public/xcx-hitui/image/imgs-jyh/map-ico.png",width: 40,height: 40,callout: {'display': 'ALWAYS', 'fontSize': '30rpx', 'content': '广州珠江新城','padding': '8rpx', 'boxShadow': '0 0 5rpx #333','borderRadius':'4rpx'}}],})}})},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {this.getMyMap()},

有什么错误或优化的地方，可以提出来，大家一起学习研究…

复杂版：微信小程序map组件路线规划，腾讯地图sdk的应用案例

微信小程序map组件地图定位当前位置相关推荐

微信小程序_map组件实现定位
微信小程序_map组件实现定位 map组件这是官方提供的地图组件,很多复杂的功能我暂时没有接触到,而且有的效果似乎只有企业可以使用.我在这里就简单的实现一下map组件的定位用户的位置的功能. 下面的 ...
微信小程序--map组件视图无法更新的问题
在使用微信小程序 map组件的时候,会有一个小问题.当出现markers是一个数组,在切换数据的时候,页面会残留上次留下来的markers. 在js中使用setData更新markers数据后,地图上 ...
使用uniapp 开发微信小程序map组件在开发过程中遇到的问题
** 使用uniapp 开发微信小程序map组件在开发过程中遇到的问题 [菜鸟记录] ** 发现的问题: 如果给map设置初始化scale的话,手指缩放地图后,点击按钮让地图再次回到和初始化一样的 s ...
微信小程序----map组件实现检索【定位位置】周边的POI
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug: 页面顶部分类[汽车服务.汽车销售等]列表和页脚的详细地址在真机测试是会出现不显 ...
微信小程序----map组件实现（获取定位城市天气或者指定城市天气数据）
效果图实现原理采用高德地图微信小程序开发API(getWeather),如果 city 属性的值为空(或者没有city属性),默认返回定位位置的天气数据:如果 city 不为空,则返回 city ...
我的微信小程序入门学习-地图定位
微信小程序开发者工具安装和创建小程序 (地图定位代码) 地图定位案例:最后附带小程序地图定位代码小程序简介小程序特点体验好(编译包不超过1M) "无须安装,即用即走"的特性让 ...
微信小程序之实现地图定位（使用腾讯位置服务插件）
一. 腾讯位置服务插件简介完整的地图能力腾讯位置服务基于微信提供的小程序插件能力,专注于(围绕)地图功能,打造一系列小程序插件,可以帮助开发者简单.快速的构建小程序,是实现地图功能的最佳伙伴. 目 ...
微信小程序腾讯地图定位、调用关键词提示接口，搜索关键词的附近关键词地址
申请开发者密钥(key):申请密钥开通webserviceAPI服务:控制台 ->应用管理 -> 我的应用 ->添加key-> 勾选WebServiceAPI -> 保 ...
微信小程序map组件查找周围各种场所(通过腾讯位置服务)
废话不多说,直接写咋实现主要用到了腾讯位置服务里面的微信小程序JavaScript SDK,你得先申请一个开发者密钥,这里就不多说了实现效果如下,这里面是搜索周围的餐厅首先wxml代码 < ...

微信小程序map组件地图定位当前位置

微信小程序map组件地图定位当前位置相关推荐

最新文章

热门文章