美食网站设计网站,手机商城图片,成全视频免费高清观看在线动漫,做校园网站的公司问题#xff1a;
做一个按钮#xff0c;点击后可以获取到当前位置的经纬度#xff0c;并渲染地图。
效果如下: 代码如下:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
headtitle获取当前定位测试
做一个按钮点击后可以获取到当前位置的经纬度并渲染地图。
效果如下: 代码如下:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
html
headtitle获取当前定位测试/titlescript typetext/javascript src//api.map.baidu.com/api?v2.0ak2EWGBqHFvYho6e3BGr5yaHTbS0SC86XI/script//需要有自己的自己的百度script typetext/javascript srcstatic/js/jquery-2.0.2.js/script
/headbody
divinput typebutton value获取定位 onclickgetLocation()/经度input typetext idjingdu/维度input typetext idweidu/
/div
/br
div idmapContainer stylewidth: 100%; height: 400px;/div
/body
/html
script typetext/javascriptfunction getLocation() {// 创建地图实例var map new BMap.Map(mapContainer);// 创建定位控件实例var geolocation new BMap.Geolocation();// 开启定位控件geolocation.enableSDKLocation();// 获取当前位置geolocation.getCurrentPosition(function(r){if(this.getStatus() BMAP_STATUS_SUCCESS){// 获取经纬度信息var lng r.point.lng;var lat r.point.lat;$(#jingdu).val(lng);//回填经度$(#weidu).val(lat);//回填维度// 在地图上标注当前位置var marker new BMap.Marker(r.point);map.addOverlay(marker);// 居中显示地图并设置缩放级别map.centerAndZoom(r.point, 16);// 在信息窗口中显示经纬度信息var infoWindow new BMap.InfoWindow(经度: lng br纬度: lat);marker.addEventListener(click, function(){this.openInfoWindow(infoWindow);});}else {alert(无法获取当前位置信息。);}},{enableHighAccuracy: true});}/script
/html
