百度地图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="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;
},
.anchorBL{ //去Logo
display:none;
}
</style>
</head>
<body>
<div id="allmap">
</div>
</body>
</html>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="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>
From:http://www.cnblogs.com/xuejianxiyang/p/5282551.html
最新文章
- js数组操作大全
- 启动受管服务器出现:unable to get file lock, will retry...
- 推荐一个实用的css工具
- christian louboutin ballerinas outlet
- Geometry Stage in Rendering pipeline (读书笔记2 --- Real-Time rendering)
- mybatis 3的TypeHandler解析(null值的处理)
- sqlserver 用 RowNumber 分组
- Python基础:函数
- form作为module name 悲剧了
- leetcode 99 Recover Binary Search Tree ----- java
- No data in the view dba_hist_undostat (文档 ID 1558157.1)
- 转:自建CDN防御DDoS(1, 2, 3)infoq
- Rewrite规则简介
- $http POST 转字符串
- [cocos2dx笔记015]关于cocos2dx Button三种状态说明
- JSONP跨域的原理解析[转]
- 【cocos2d-js 3.0】制作2048
- js闭包讲解
- 实现CNN卷积神经网络
- Practical Lessons from Predicting Clicks on Ads at Facebook