博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度地图点击地址后显示图标,保存到数据库之后,页面显示的是保存的坐标图标...
阅读量:4960 次
发布时间:2019-06-12

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

HTML: 地图的大小显示 
点击地图时显示地图上的经纬度
两个隐藏框中显示经度和纬度 JavaScript:
var map = new BMap.Map("container");
//百度地图 var map = new BMap.Map("container"); //添加鼠标滚动缩放 map.enableScrollWheelZoom(); //添加缩放平移控件 map.addControl(new BMap.NavigationControl()); //添加比例尺控件 map.addControl(new BMap.ScaleControl()); var oldlng = '119.163431'; var oldlat = '36.71894'; var lat = "
latitude?>"; var lng = "
longitude?>"; if(lat !=0 && lng != 0){//如果坐标存在 map.clearOverlays();删除覆盖物 var point = new BMap.Point(lng,lat);//创建地图的中心点 map.centerAndZoom(point,15);//显示地图的比例 var marker = new BMap.Marker(new BMap.Point(lng, lat));// 创建点 map.addOverlay(marker);//添加点 } else {
var point = new BMap.Point(oldlng,oldlat); map.centerAndZoom(point,15); var marker = new BMap.Marker(new BMap.Point(oldlng, oldlat)); // 创建点 map.addOverlay(marker); } map.addEventListener("click", function(e){
map.clearOverlays(); var marker = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat)); map.addOverlay(marker); var lng = e.point.lng; var lat = e.point.lat; $('#map_longitude_latitude').html("经度坐标:"+lng+"  纬度坐标:"+lat); $('#longitude').val(lng); $('#latitude').val(lat); });

转载于:https://www.cnblogs.com/l-zl/p/6386965.html

你可能感兴趣的文章
javascript运算符的优先级
查看>>
React + Redux 入门(一):抛开 React 学 Redux
查看>>
13位时间戳和时间格式化转换,工具类
查看>>
vue router-link子级返回父级页面
查看>>
C# 通知机制 IObserver<T> 和 IObservable<T>
查看>>
Code of Conduct by jsFoundation
查看>>
div 只显示两行超出部分隐藏
查看>>
C#小练习ⅲ
查看>>
电源防反接保护电路
查看>>
arraylist
查看>>
zoj 1649 Rescue (BFS)(转载)
查看>>
2124: 等差子序列 - BZOJ
查看>>
字符串匹配算法综述
查看>>
Linux centosVMware shell 管道符和作业控制、shell变量、环境变量配置文件
查看>>
【设计模式】工厂模式
查看>>
两个表格中数据不用是一一对应关系--来筛选不同数据,或者相同数据
查看>>
客户数据库出现大量cache buffer chains latch
查看>>
機械の総合病院 [MISSION LEVEL: C]
查看>>
实战练习细节(分行/拼接字符串/字符串转int/weak和copy)
查看>>
Strict Standards: Only variables should be passed by reference
查看>>