高德地图 js api 使用

最新推荐文章于 2020-11-03 10:29:28 发布

weixin_30594001

最新推荐文章于 2020-11-03 10:29:28 发布

阅读量147

点赞数

原文链接：http://www.cnblogs.com/igoogleyou/p/amap.html

版权

使用高德地图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

转载于:https://www.cnblogs.com/igoogleyou/p/amap.html

weixin_30594001

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
高德地图 js api 使用

使用高德地图js api 制作网页上的地图应用。 1.先申请一个开发者用的 key 。 2. 在页面中引入高德提供的地图js <script src="http://webapi.amap.com/maps?v=1.3&key=您申请的key"></script> 完成以上两步就可以在页面中加载高德地图了。注意设置 ...
复制链接

扫一扫