百度地图 点击和标注拖拽后的经纬度
2014-08-04 23:55
162 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container"); // 创建地图实例
var point2 = new BMap.Point(119.164198, 36.704957); // 创建点坐标
map.centerAndZoom(point2, 15); // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.NavigationControl());
var opts = { width: 250, height: 100, title: "潍坊地图" }; //信息窗口
var infoWindow = new BMap.InfoWindow("<div style='color:red;'>大家好</div>", opts);
var marker = new BMap.Marker(point2); // 创建标注
map.addOverlay(marker);
marker.enableDragging();
//标注拖拽后的位置
marker.addEventListener("dragend", function (e) {
alert("当前位置:" + e.point.lng + ", " + e.point.lat);
});
//点击的位置
map.addEventListener("click", function (e) {
//alert("当前位置:" + e.point.lng + ", " + e.point.lat);
var pointClick= new BMap.Point(e.point.lng , e.point.lat);
map.openInfoWindow(infoWindow, pointClick);
});
</script>
</body>
</html>
原文:http://blog.csdn.net/lybwwp/article/details/8127475
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:100%}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMap.Map("container"); // 创建地图实例
var point2 = new BMap.Point(119.164198, 36.704957); // 创建点坐标
map.centerAndZoom(point2, 15); // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.NavigationControl());
var opts = { width: 250, height: 100, title: "潍坊地图" }; //信息窗口
var infoWindow = new BMap.InfoWindow("<div style='color:red;'>大家好</div>", opts);
var marker = new BMap.Marker(point2); // 创建标注
map.addOverlay(marker);
marker.enableDragging();
//标注拖拽后的位置
marker.addEventListener("dragend", function (e) {
alert("当前位置:" + e.point.lng + ", " + e.point.lat);
});
//点击的位置
map.addEventListener("click", function (e) {
//alert("当前位置:" + e.point.lng + ", " + e.point.lat);
var pointClick= new BMap.Point(e.point.lng , e.point.lat);
map.openInfoWindow(infoWindow, pointClick);
});
</script>
</body>
</html>
原文:http://blog.csdn.net/lybwwp/article/details/8127475
相关文章推荐
- 百度地图 点击和标注拖拽后的经纬度
- 百度地图 点击和标注拖拽后的经纬度
- 点击百度地图上任意一点,显示该点的经纬度的信息窗
- iOS——百度地图点击标注事件
- 百度地图API一:百度地图上循环显示标注点。使用闭包循环加载点击事件
- 百度地图,点击地图获取经纬度和地点
- 百度地图添加标注,并获取标注的经纬度
- 百度地图笔记_覆盖物(标注marker,折线polyline,多边形polygon)的点击弹窗和右键菜单
- 百度地图API-搜索地址、定位、点击获取经纬度并标注
- Android---百度地图点击标注点,获取标注点的信息
- IOS 百度地图使用问题(同一个标注只能点击一次)
- 百度地图点击地图获取经纬度
- 百度地图之地址解析和浏览器定位以及添加可拖拽标注
- android百度地图定位,点击给定经纬度的某点进行弹窗
- 百度地图:为标记添加点击事件显示标注
- 百度地图笔记_覆盖物(标注marker,折线polyline,多边形polygon)的点击弹窗和右键菜单
- 百度地图经纬度转换+反地址解析+显示可视区域内标注点+地图自动刷新+标注的聚合
- 百度地图点击地点显示经纬度并且转换为百度地址及添加控件
- 百度地图API:百度地图上循环显示标注点。使用闭包循环加载点击事件
- 点击百度地图添加标注并获取当前地理名称