地图03 初始化-优快云博客

<%@ 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>