首页 > 其他 > 详细

高德地图-显示地图

时间:2017-12-26 13:51:14      阅读:282      评论:0      收藏:0      [点我收藏+]
 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>

 

高德地图-显示地图

原文:https://www.cnblogs.com/swda/p/8117311.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!