博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【MUI】百度地图定位功能
阅读量:4566 次
发布时间:2019-06-08

本文共 2615 字,大约阅读时间需要 8 分钟。

博主最近进行一款APP开发,需要用到定位功能,经过一番折腾,终于搞定,不废话,代码如下

mui.plusReady(function() {                var longitude, latitude;                //var map = new BMap.Map("container");//                navigator.geolocation.getCurrentPosition(function(position) {
// longitude = position.coords.longitude;// latitude = position.coords.latitude;//// console.log("longitude:" + longitude + "==latitude:" + latitude);// var point = new BMap.Point(longitude, latitude);// map.centerAndZoom(point, 20); // 初始化地图,设置中心点坐标和地图级别 // var marker = new BMap.Marker(point); // 创建标注// map.addOverlay(marker); // 将标注添加到地图中// map.panTo(point);// }); plus.geolocation.getCurrentPosition(translatePoint, function(e) { mui.toast("异常:" + e.message); }); function translatePoint(position) { var currentLon = position.coords.longitude; var currentLat = position.coords.latitude; var gpsPoint = new BMap.Point(currentLon, currentLat); BMap.Convertor.translate(gpsPoint, 2, initMap); //坐标转换 } function initMap(point) { map = new BMap.Map("container"); //创建地图 map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapControl()); map.centerAndZoom(point, 15); map.addOverlay(new BMap.Marker(point)); } // setTimeout(function() {
// var gpsPoint = new BMap.Point(longitude, latitude); // BMap.Convertor.translate(gpsPoint, 0, function(point) {
// var geoc = new BMap.Geocoder(); // geoc.getLocation(point, function(rs) {
// var addComp = rs.addressComponents; // mui.alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber); // }); // }); // }, 3000); });

注意,在使用过程中,需要引入百度地图的JS

        

其中,开发者key需要自己去百度地图开发者平台申请,此处教程上链接

 

转载于:https://www.cnblogs.com/huixin520/p/6921527.html

你可能感兴趣的文章
Sybase PowerDesigner 15.0 完美版+特别文件
查看>>
快速傅立叶之二
查看>>
cetos 6.3 安装 apache+mysql+php
查看>>
js编写简单的贪吃蛇游戏
查看>>
2018/12/01 一个64位操作系统的实现 第四章 导入kernel.bin(4)
查看>>
如何在windows xp professional安装iis的解决方法
查看>>
抽象类和接口
查看>>
使用ASP.NET Atlas AutoComplete Behavior或AutoComplete Extender实现自动完成功能(下)
查看>>
golang 常见疑惑总结
查看>>
8大你不得不知的Android调试工具
查看>>
pc端元素拖拽
查看>>
Sublime Text3使用Package Control 报错There Are No Packages Available For Installation
查看>>
判断连通图是否有环(并查集)
查看>>
汽车之家面试题2016
查看>>
POJ-数据结构-优先队列模板
查看>>
【HAOI2006】旅行(并查集暴力)
查看>>
css实现文本超出部分省略号显示
查看>>
留言板
查看>>
vue-router组件状态刷新消失的问题
查看>>
Android UI开发第十四篇——可以移动的悬浮框
查看>>