码迷,mamicode.com
首页 > Windows程序 > 详细

高德地图 js api 使用

时间:2016-04-20 21:58:07      阅读:1035      评论:0      收藏:0      [点我收藏+]

标签:

    使用高德地图js api 制作网页上的地图应用。

 

  1.先申请一个 开发者用的 key 。

  2. 在页面中引入高德提供的地图js  <script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key"></script>

  完成以上两步就可以在页面中加载 高德地图了。

  

技术分享
 1 <!DOCTYPE HTML>
 2 <html>
 3  <head>
 4     <meta charset="utf-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6     <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
 7 
 8     <script src="http://webapi.amap.com/maps?v=1.3&key=efda1426d63ee7f7582d11fd6376cfed"></script>
 9     <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
10     <script type ="text/javascript" src ="jquery.js"></script>
11     <style type="text/css">
12       #container{
13         height: 800px;
14         width: 700px
15       }
16     </style>
17  </head>
18 <body>
19  <div id="container">
20  </div>
21   <script>
22      var map = new AMap.Map(container,{zoom:10,resizeEnable:true,center:[116.39757156,39.90973623]});
23      var marker = new AMap.Marker({
24      position:[121.62689209,38.91240739],
25      map:map
26      });
27   </script>
28 </body>
29 </html>
View Code

 

高德地图 js api 使用

标签:

原文地址:http://www.cnblogs.com/igoogleyou/p/amap.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!