日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

【总结整理】高德LBS开放平台学习

發布時間:2023/12/13 综合教程 33 生活家
生活随笔 收集整理的這篇文章主要介紹了 【总结整理】高德LBS开放平台学习 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

高德LBS開放平臺地址 http://lbs.amap.com/api/javascript-api/guide/create-map/mapstye

概述->示例中心Demo體驗->開發指南->參考手冊

1.概述:JS-API功能介紹

2.示例中心:Demos

3.開發指南:可以快速找到使用方法

4.參考手冊:全方面了解API,深入使用JS-API

開發體驗:

引入JS-API的外部腳本

tips:最好放在dom底部,先渲染DOM樹,再加載腳本,可以提高視覺體驗

Map類:

1.設置城市(setCity)

2.獲取城市的中心點(getCenter)

3.設置縮放級別(setZoom)&獲取當前級別(getZoom)

4.地圖放大(zoomIn)&縮小(zoomOut)

5.加載一個插件(plugin)

6.監聽地圖事件(dragend)

插件的使用

【參考手冊-工具類】

document.getElementById("ZoomIn").onclick=function(){
                map.zoomIn();
            }
            document.getElementById("ZoomOut").onclick=function(){
                map.zoomOut();
            }
            //監聽事件
            //AMap.event.addListener(map,'dragend',function(){
            //alert("你拽我啦!其實我不生氣");
            //});
            //比例尺
            map.plugin(['AMap.Scale'],function(){
                var scale=new AMap.Scale();
                map.addControl(scale);
            });
            //可切換街景及路況
            map.plugin(['AMap.MapType'],function(){
                var type=new AMap.MapType();
                map.addControl(type);
            });
            //鷹眼
            map.plugin(['AMap.OverView'],function(){
                var view=new AMap.OverView();
                overview.open();
                map.addControl(view);
            });
            //工具箱
            map.plugin(['AMap.ToolBar'],function(){
                var bar=new AMap.ToolBar();
                map.addControl(bar);
            });
            
//面積量算 map.plugin(['AMap.MouseTool'],function(){ var tool=new AMap.MouseTool(map); //map.addControl(tool); tool.measureArea(); }); //距離量算 map.plugin(['AMap.RangingTool'],function(){ var rang=new AMap.RangingTool(map); // map.addControl(tool); rang.turnOn(); });

地圖覆蓋物:

【參考手冊-覆蓋物】

點標記:Marker

折線:Polyline

多邊形:Polygon

圓:Circle

圖片覆蓋物:GroundImage

信息窗體:InfoWindow

總結

以上是生活随笔為你收集整理的【总结整理】高德LBS开放平台学习的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。