星空网 > 软件开发 > Java

百度地图js根据经纬度定位和拖动定位点

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src='/images/loading.gif' data-original="http://api.map.baidu.com/api?v=2.0&ak=yourkey">
</script>
<title>定位</title>
<style type="text/css">
body, html, #allmap
{
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
}
</style>
</head>
<body>
<div id="allmap">
</div>
</body>
</html>
<script type="text/javascript" src='/images/loading.gif' data-original="jquery.js"></script>
<script type="text/javascript" src='/images/loading.gif' data-original="querystring.js"></script>
<script type="text/javascript">


// 百度地图API功能

var map = new BMap.Map("allmap");
// 创建Map实例

map.enableScrollWheelZoom();
//启用滚轮放大缩小

//map.centerAndZoom(new BMap.Point(121.399696, 31.045601), 15);

function doLocate(jd, wd) {//根据经纬度定位
var point = new BMap.Point(jd, wd);
var marker = new BMap.Marker(point);
map.addOverlay(marker);
// map.addOverlay(new BMap.Marker(point));
marker.enableDragging(); //启用标注拖动

 

marker.addEventListener('dragend', function (e) {//拖动标注结束
var pointNew = e.point;
console.log(pointNew);
alert(pointNew.lng+'|'+pointNew.lat);
});


map.centerAndZoom(point, 15);
// 初始化地图,设置中心点坐标和地图级别。


}

function loadFunc() {

var jd = QueryString["jd"];
var wd = QueryString["wd"];
alert(jd+'|'+wd);
doLocate(jd, wd); //根据经纬度定位

//doLocate(121.399696, 31.045601);
}

loadFunc();

</script>




原标题:百度地图js根据经纬度定位和拖动定位点

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

美运达跨境电商:https://www.goluckyvip.com/tag/38621.html
美赞拓:https://www.goluckyvip.com/tag/38622.html
美赞拓刘帅:https://www.goluckyvip.com/tag/38623.html
美中海外仓:https://www.goluckyvip.com/tag/38625.html
美洲海外仓:https://www.goluckyvip.com/tag/38626.html
美洲物流:https://www.goluckyvip.com/tag/38627.html
83万单,Halara的TikTok美国小店爆单思路拆解:https://www.kjdsnews.com/a/1836319.html
83万单,Halara的TikTok美国小店爆单思路拆解:https://www.goluckyvip.com/news/186217.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流