<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ditu.aspx.cs" Inherits="Test_ditu" %>
<!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 runat="server">
<title></title>
<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: 800px; height: 600px"></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>
地图03 初始化
猜你喜欢
转载自blog.csdn.net/wei198621/article/details/31414715
今日推荐
周排行