天地图添加放大和缩小控件
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="天地图"/>
<title>天地图-地图API-范例-添加缩放平移控件</title>
<script type="text/javascript" src="http://api./api?v=4.0"></script>
<style type="text/css">body,html{width:100%;height:100%;margin:0;font-family:"Microsoft YaHei"}#mapDiv{width:100%;height:400px}input,b,p{margin-left:5px;font-size:14px}</style>
<script>
var map, control;
var zoom = 12;
function onLoad() {
//初始化地图对象
map = new T.Map("mapDiv");
//设置显示地图的中心点和级别
map.centerAndZoom(new T.LngLat(116.40969, 39.89945), zoom);
//创建缩放平移控件对象
control = new T.Control.Zoom();
//添加缩放平移控件
map.addControl(control);
}
function ControlsetPosition() {
var selectNavPosition = document.getElementById("selectnavposition");
var index = selectNavPosition.selectedIndex;
var controlPositionStr = selectNavPosition.options[index].value;
this.leftTOP = T_ANCHOR_TOP_LEFT;
this.rightTOP = T_ANCHOR_TOP_RIGHT;
this.leftBOTTOM = T_ANCHOR_BOTTOM_LEFT;
this.rightBOTTOM = T_ANCHOR_BOTTOM_RIGHT
var controlPosition;
if (controlPositionStr == "leftTOP")
controlPosition = T_ANCHOR_TOP_LEFT;
else if (controlPositionStr == "rightTOP")
controlPosition = T_ANCHOR_TOP_RIGHT;
else if (controlPositionStr == "leftBOTTOM")
controlPosition = T_ANCHOR_BOTTOM_LEFT;
else if (controlPositionStr == "rightBOTTOM")
controlPosition = T_ANCHOR_BOTTOM_RIGHT;
control.setPosition(controlPosition);
}
</script>
</head>
<body onLoad="onLoad()">
<div id="mapDiv"></div>
<div>
</div>
</body>
</html>
如果觉得《天地图添加放大和缩小控件》对你有帮助,请点赞、收藏,并留下你的观点哦!