1、引用JS:
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=87be68605271c5e4cfe712787041be0a"></script>
2、HTML:
东经: input name="longitude" onkeyup="dingwei()" value="@row["longitude"].ToString()" type="text"/> span class="valid nullable" rule="number" msg="请填写数字"span> 北纬: ="latitude" onkeyuplatitude"].ToString()" type>
3、JS代码:
<script type="text/javascript"> var map; var level = 17; marker; $(function () { //地图定位 map = new BMap.Map("map"); var top_right_navigation = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_RIGHT,type: BMAP_NAVIGATION_CONTROL_SMALL }); 右上角,仅包含平移和缩放按钮 map.addControl(top_right_navigation); map.addEventListener("zoomend", () { level = map.getZoom(); }); var point = new BMap.Point(117.218,31.861); map.centerandZoom(point,level); marker = new BMap.Marker(point,{ enableDragging: true }); marker.addEventListener("dragging",1)"> (evt) { $("input[name='longitude']").val(evt.point.lng) $("input[name='latitude']").val(evt.point.lat) }); map.addOverlay(marker); dingwei(); }); 地图定位 dingwei() { if (Simpovalidate.valid()) { 验证输入 var inputlongitude = $("input[name='longitude']"); var inputlatitude = $("input[name='latitude']"if ($.trim(inputlongitude.val()) != "" && $.trim(inputlatitude.val()) != "") { var longitude = parseFloat(inputlongitude.val()); var latitude = parseFloat(inputlatitude.val()); new BMap.Point(longitude,latitude); map.centerandZoom(point,level); marker.setPosition(point); } } } </script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。