百度地图API应用之获取用户的具体位置
程序员文章站
2023-12-30 22:52:10
功能的大概:用户通过点击地图上面的位置,在地图上面进行描点,然后再把获取的到的地理位置保存到地图上面的地址栏目中。
主要是百度地图api的使用
复制代码 代码如下:va...
功能的大概:用户通过点击地图上面的位置,在地图上面进行描点,然后再把获取的到的地理位置保存到地图上面的地址栏目中。
主要是百度地图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 我只是做了一些简单组合。。 惭愧呀