高德地图-显示地图

 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>

 

posted @ 2017-12-26 11:55  时间影像  阅读(642)  评论(0编辑  收藏  举报