【总结整理】高德LBS开放平台学习
生活随笔
收集整理的這篇文章主要介紹了
【总结整理】高德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开放平台学习的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Spring学习之旅(十)--MockM
- 下一篇: Intell J IDEA 常用快捷键大