引用第三方高德地图接口---使用js脚本进行开发地图定位的步骤
①在高德地圖開發平臺注冊一個賬號，獲取key
②添加新的key
?
③引入map插件
?
④復制過來map的腳本代碼和編寫搜索框
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=你申請的key&plugin=AMap.Autocomplete,AMap.PlaceSearch"></script>
<body>
<input type="text" id="tipinput" style="margin-left:380px;width:300px;height:40px;padding-left:10px;font-weitht:900px;"/> //搜索框
<div id="container" style="width:1000px;height:600px;"></div> ?//地圖顯示區域
</body>
<script type="text/javascript">
//地圖加載
var map = new AMap.Map("container", {
resizeEnable: true
});
//輸入提示
var autoOptions = {
input: "tipinput"
};
var auto = new AMap.Autocomplete(autoOptions);
var placeSearch = new AMap.PlaceSearch({
map: map
}); //構造地點查詢類
AMap.event.addListener(auto, "select", select);//注冊監聽，當選中某條記錄時會觸發
function select(e) {
placeSearch.setCity(e.poi.adcode);
placeSearch.search(e.poi.name); //關鍵字查詢查詢
}
</script>
?
轉載于:https://www.cnblogs.com/fengjunming/p/8086847.html
總結
以上是生活随笔為你收集整理的引用第三方高德地图接口---使用js脚本进行开发地图定位的步骤的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 第一阶段冲刺第五天天
- 下一篇： 实验吧逆向catalyst-system