<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://apis.mapabc.com/webapi/auth.json?t=javascriptmap&v=3.1.1&key=b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39725798b1ee300b"></script>
</head>
<body>
<div id="mapObj" style="width:100%; height: 780px"></div>
<script type="text/javascript">
var mapObj,toolbar,overview,scale;
var opt = {
level:13,//初始地图视野级别
center:new MMap.LngLat(116.397428,39.90923),//设置地图中心点
doubleClickZoom:true,//双击放大地图
scrollwheel:true//鼠标滚轮缩放地图
}
mapObj = new MMap.Map("mapObj",opt);
mapObj.plugin(["MMap.ToolBar","MMap.OverView","MMap.Scale"],
function(){
toolbar = new MMap.ToolBar();
toolbar.autoPosition=false; //加载工具条
mapObj.addControl(toolbar);
overview = new MMap.OverView(); //加载鹰眼
mapObj.addControl(overview);
scale = new MMap.Scale(); //加载比例尺
mapObj.addControl(scale);
}
);
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://apis.mapabc.com/webapi/auth.json?t=javascriptmap&v=3.1.1&key=b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39725798b1ee300b"></script>
</head>
<body>
<div id="mapObj" style="width:100%; height: 780px"></div>
<script type="text/javascript">
var mapObj,toolbar,overview,scale;
var opt = {
level:13,//初始地图视野级别
center:new MMap.LngLat(116.397428,39.90923),//设置地图中心点
doubleClickZoom:true,//双击放大地图
scrollwheel:true//鼠标滚轮缩放地图
}
mapObj = new MMap.Map("mapObj",opt);
mapObj.plugin(["MMap.ToolBar","MMap.OverView","MMap.Scale"],
function(){
toolbar = new MMap.ToolBar();
toolbar.autoPosition=false; //加载工具条
mapObj.addControl(toolbar);
overview = new MMap.OverView(); //加载鹰眼
mapObj.addControl(overview);
scale = new MMap.Scale(); //加载比例尺
mapObj.addControl(scale);
}
);
</script>
</body>
</html>