地图API怎样实现拖动标注实时更新位置数据
2021-09-23 17:52
24小时免费服务热线：15320418221
炒鸡小阿萌✨҉
------><input type="text" id='zuobiao'><!---放置坐标数据------>下面的是script中的代码：var map = new BMap.Map("l-map");map.centerAndZoom("北京",14); // 初始化地图,设置城市和地图级别。var ac = new BMap.Autocomplete( //建立一个自动完成的对象{"input" : "suggestId","location" : map});var nt = new BMap.Point(经纬度坐标);map.centerAndZoom(nt,14);var geoc = new BMap.Geocoder(); var marker = new BMap.Marker(nt);// 创建标注map.addOverlay(marker); // 将标注添加到地图中marker.enableDragging(); //设置可拖拽marker.addEventListener("dragend", function(e){ //拖动 var pt = e.nt;var di;geoc.getLocation(pt, function(rs){var addComp = rs.addressComponents; di = addComp.city + addComp.district + addComp.street + addComp.streetNumber;document.getElementById('suggestId').value = di;//更新地址数据 var content = di + "<br/><br/>经度：" + e.nt.lng + "<br/>纬度：" + e.nt.lat; var infoWindow = new BMap.InfoWindow("<p style='font-size:14px;'>" + content + "</p>"); marker.openInfoWindow(infoWindow,map.getCenter());//将经纬度信息显示在提示框内 }); document.getElementById("zuobiao").value = e.nt.lng + ", " + e.nt.lat;//打印拖动结束坐标。
2021-09-23 19:15:56
26897500
WP版求更新,地图WP两年没更新了。百分之一期待更新
2021-09-23 19:15:57
相关地图标注文章
相关地图标注热门问答
黄小慧
",依四); // 初始化地图,设置城市和地图级别。 var ac = new BMap.Autocomplete( //建立一个自动完成的对象 {"input" : "suggestId" ,"location" : map }); var nt = ne...
2021-09-23 17:52:00
碧影
右上角，API在地图API页面，把到“工具”内菜单项，在下拉菜容单中选择“坐标拾取工具”。比如在搜索栏输入“大厦”点击搜索，就会在地图上出现相应的标记，点击你要找的某一个，就能看到相应的坐标。同理，把找到的坐标输入到搜索栏，把后面“坐标反查”给勾上，点击搜索，就会对应的坐标打...
2021-09-23 17:52:00
小耳东
导航总是卫星定下几个原因：1、手机网络不稳定，导航无法版获取最新位置，权导致重复定位；2、手机定位功能没开，建议打开手机定位功能；3、地图导航，定位功能被禁用，可以通过手机设置--应用-地图导航-权限管理，栏目开启定位功能；4、地图未离线地图。
2021-09-23 17:52:00
鸣玥
------><input type="text" id='zuobiao'><!---放置坐标数据------>下面的是script中的代码：var map = new BMap.Map("l-map");map.centerAndZoom("北京...
2021-09-23 17:52:00
梦一场没有
------><input type="text" id='zuobiao'><!---放置坐标数据------>下面的是script中的代码：var map = new BMap.Map("l-map");map.centerAndZoom("北京...
2021-09-23 17:52:00
大豆子
创建上址：链接码，出回现弹出窗；没有密答匙的先申请密匙，新版本的必须使用ak密匙才能正常使用将获得的密匙粘贴到代码的对应位置上，有了密匙后就可以打开页面预览效果了。这是标注还没有动起来最后，我们只要在相应的代码位置处加上marker.setAnimation(BMAP...
2021-09-23 17:52:00
石心石意
度地图想要插面上调用地图代版码即可地权图调用API地址：链接设置定位中心：直接搜索你要找的位置即可。调用地图代码2.设置地图：设置地图样式，如大小，显示，功能等。3.添加标注：添加你要标注的地方，自定义坐标位置4.获取代码：点击获取代码即可，在你要插入地图的地方出...
2021-09-23 17:52:00
小罐头5678
完象 {"input" : "suggestId" ,"location" : map }); var nt = new BMap.Point(经纬度坐标); map.centerAndZoom(nt,依四); var geoc = new BMap.Geocoder...
2021-09-23 17:52:00