1. 程式人生 > >高德地圖-顯示地圖

高德地圖-顯示地圖

顯示地圖 wid pan search new container eba solid contain

 1 <html>
 2 <head>
 3 <style type="text/css">
 4     body{margin:0;}
 5     #mapContainer{
 6         border:1px solid blue;
 7         width:100%;
 8         height:100%;
 9     }
10 </style>
11 <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=973ff4275eaf1fb1ba1292a967ba116b"></script>
12
<script> 13 window.onload=function(){ 14 var map = new AMap.Map(‘mapContainer‘, { 15 view: new AMap.View2D({ 16 center: new AMap.LngLat(116.397428, 39.90923), 17 zoom: 12 18 }) 19 }); 20 } 21 </script> 22 </head> 23
<body> 24 <input type=‘text‘ name=‘search‘/> 25 <input type=‘submit‘ value="搜"/> 26 <div id="mapContainer"></div> 27 </body> 28 </html>

高德地圖-顯示地圖