页面加载百度地图

来源：互联网发布：新媒体沟通软件编辑：程序博客网时间：2024/05/01 03:21
<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <style type="text/css">        html{ height: 100%;}        body{ height: 100%; margin: 0px; padding: 0px; }        #container { height: 100%; }    </style>    <script type="text/javascript">        function initialize() {            var mp = new BMap.Map('map');            mp.centerAndZoom(new BMap.Point(114.31667, 30.51667), 13);//对应的坐标            //mp.addControl(new BMap.ScaleControl());            mp.enableScrollWheelZoom();            //var opts = { type: BMAP_NAVIGATION_CONTROL_SMALL }            //mp.addControl(new BMap.NavigationControl(opts));            mp.addControl(new BMap.NavigationControl());            mp.addControl(new BMap.OverviewMapControl());            mp.addControl(new BMap.MapTypeControl());        }        function loadScript() {            var script = document.createElement("script");            script.src = "http://api.map.baidu.com/api?v=1.2&callback=initialize";            document.body.appendChild(script);        } window.onload = loadScript;    </script></head><body>    <form id="form1" runat="server">    <div id="container">    </div>    <div id="map" style=" width:100%; height:600px;"></div>     </form></body></html>
1 0