<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>点标记的拖拽效果</title>
<link rel="stylesheet" type="text/css"
href="http://developer.amap.com/Public/css/demo.Default.css" />
<script language="javascript"
src="http://webapi.amap.com/maps?v=1.3&key=792e8b96b69121d45328b870ce80c0a7"></script>
<script language="javascript">
var mapObj;
function mapInit() {
mapObj = new AMap.Map("iCenter", {
//二维地图显示视口
view : new AMap.View2D({
center : new AMap.LngLat(11322509.0 / 100000,
3065219.0 / 100000),//地图中心点
zoom : 12
//地图显示的缩放级别
})
});
var marker = new AMap.Marker({
position : mapObj.getCenter(),
draggable : true, //点标记可拖拽
cursor : 'move', //鼠标悬停点标记时的鼠标样式
raiseOnDrag : true
//鼠标拖拽点标记时开启点标记离开地图的效果
});
marker.setMap(mapObj);
}
</script>
</head>
<body onLoad="mapInit()">
<div id="iCenter" style="width: 500px; height: 600px"></div>
<p>鼠标拖拽点标记试试</p>
</body>
</html>
高德地图api 标记位置
最新推荐文章于 2024-03-19 22:47:49 发布