1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > angularjs_百度地图API_根据经纬度定位_示例

angularjs_百度地图API_根据经纬度定位_示例

时间:2019-09-06 17:16:43

相关推荐

angularjs_百度地图API_根据经纬度定位_示例

百度API--Demo地址: /jsdemo.htm#i8_4

本例是在angular.js使用的百度地图根据经纬度定位的API:(正常的页面写法基本一致,只是引用的时候有点不太一样而已)

A-页面:a.html

<!--活动地图--><div style="height: 400px" id="allmap"></div>

B-JS:a-controller.js

//加载js引用function loadJScript() {var script = document.createElement("script");script.type = "text/javascript";script.src = "http://api./api?v=2.0&ak=6934f6bf0a1fe131d75b956f9463831f&callback=init";document.body.appendChild(script);}//根据经纬度定位function dw(){// 百度地图API功能//加载活动地图var map = new BMap.Map("allmap");map.centerAndZoom(new BMap.Point(经度, 纬度), 20);map.enableScrollWheelZoom(true);// 用经纬度设置地图中心点map.clearOverlays();var new_point = new BMap.Point(经度, 纬度);var marker = new BMap.Marker(new_point); // 创建标注map.addOverlay(marker); // 将标注添加到地图中map.panTo(new_point);}loadJScript();dw();

其他定位--根据详细地址定位

// 根据地质定位// 百度地图API功能var map = new BMap.Map("allmap");var point = new BMap.Point(116.331398, 39.897445); //默认定位map.centerAndZoom(point, 12);// 创建地址解析器实例var myGeo = new BMap.Geocoder();// 将地址解析结果显示在地图上,并调整地图视野myGeo.getPoint(project.Detail, function (point) { //project.Detail 详细地质if (point) {map.centerAndZoom(point, 16);map.addOverlay(new BMap.Marker(point));} else {alert("您选择地址没有解析到结果!");}}, project.Province + project.City); //省份+城市

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。