百度地图API应用之获取用户的具体位置_php教程-查字典教程网
百度地图API应用之获取用户的具体位置
百度地图API应用之获取用户的具体位置
发布时间:2017-01-07 来源:查字典编辑
摘要:功能的大概:用户通过点击地图上面的位置,在地图上面进行描点,然后再把获取的到的地理位置保存到地图上面的地址栏目中。主要是百度地图API的使用...

功能的大概:用户通过点击地图上面的位置,在地图上面进行描点,然后再把获取的到的地理位置保存到地图上面的地址栏目中。

主要是百度地图API的使用

复制代码 代码如下:

var map = new BMap.Map("allmap"); //实例化一个地图对象

var point = new BMap.Point(116.331398,39.897445); //设置地图中心的位置

map.centerAndZoom(point,12); //设置地图元素的可视层

map.enableScrollWheelZoom(); //启用滚轮放大缩小,默认禁用

map.enableContinuousZoom(); //启用地图惯性拖拽,默认禁用

function myFun(result){

var cityName = result.name;

map.setCenter(cityName);

}

var myCity = new BMap.LocalCity();

myCity.get(myFun);

i=0

//点击获取坐标

map.addEventListener("click",function(e){

if(i === 0)

{

//存储经纬度

lng = e.point.lng;

lat = e.point.lat;

//在地图上面描点

var marker = new BMap.Marker(new BMap.Point(lng,lat)); // 创建标注

map.addOverlay(marker);

marker.enableDragging(); //可拖拽

var gc = new BMap.Geocoder();

//获取地址的数据地址

var pt = e.point;

gc.getLocation(pt, function(rs){

var addComp = rs.addressComponents;

address = addComp.province + addComp.city + addComp.district + addComp.street + addComp.streetNumber;

//画图

var label = new BMap.Label(address,{offset:new BMap.Size(20,-10)});

marker.setLabel(label);

});

i=1;

}

});

上面的代码基本都是百度提供的DOME 我只是做了一些简单组合。。 惭愧呀

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新php教程学习
    热门php教程学习
    编程开发子分类