使用高德地图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>
时间： 2024-12-07 03:26:42