高德地图API 简单使用
生活随笔
收集整理的這篇文章主要介紹了
高德地图API 简单使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?主要是功能是?在地圖上添加標記點、在標記點添加相應的內容、單擊查看內容、雙擊直接進入相應的項目系統。
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"><title></title><meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"><link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css" /><script src="http://cache.amap.com/lbs/static/es5.min.js"></script><script src="http://webapi.amap.com/maps?v=1.3&key=您的密匙"></script><script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script> </head> <body><div id="container"></div><script type="text/javascript">//初始化地圖對象，加載地圖var map = new AMap.Map("container", {resizeEnable: true});var lnglats = [[116.368904, 39.923423],[116.382122, 39.921176],[116.387271, 39.922501],[116.398258, 39.914600]];var infoWindow = new AMap.InfoWindow({ offset: new AMap.Pixel(0, -30) });for (var i = 0, marker; i < lnglats.length; i++) {var marker = new AMap.Marker({position: lnglats[i],map: map});marker.content = '橋梁第' + (i + 1) + '座';marker.on('click', markerClick);marker.on('dblclick', markerClickDouble);// marker.emit('click', {target: marker}); }function markerClick(e) {infoWindow.setContent(e.target.content);infoWindow.open(map, e.target.getPosition());}function markerClickDouble(e) {alert(e.target.getPosition());}map.setFitView(); </script> </body> </html>運行效果
轉載于:https://www.cnblogs.com/w2011/p/5408030.html
總結
以上是生活随笔為你收集整理的高德地图API 简单使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 小程序框架之wepy报错问题
- 下一篇： 透過 OpenNI 建立 Kinect