【总结整理】高德LBS开放平台学习
2024-08-30 22:50:59
高德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
最新文章
- tp框架支付宝手机网页支付
- STM32学习笔记(三) STM32的GPIO的深入学习
- Spark on Yarn年度知识整理
- C# 截取带路径的文件名字,扩展名,等等 的几种方法
- redis 实时从mysql 更新数据
- ubuntu 12.04英文版设置成中文版
- C#项目开发实践前言
- L3-002. 堆栈
- Tomcat session集群
- tp系统常量定义
- android官方技术文档翻译——工具属性
- 使用CompletableFuture优化你的代码执行效率
- jxl应用事例
- 7.24-Codeforces Round #494 (Div. 3)
- AspxCallback和AspxCallbcakPanel区别
- Oracle 未能加载文件或程序集Oracle.DataAccess
- 善用Intellij插件可大幅提升我们的效率
- centos docker compose安装
- 24-filter-拦截器
- Divisibility by 25 CodeForces - 988E(模拟)
热门文章
- mysql插入一万条数据
- BEC listen and translation exercise 6
- pthread_cond_wait() 前使用 while 讲解
- POJ - 3150 :Cellular Automaton(特殊的矩阵,降维优化)
- Redis底层探秘(六):对象多态及回收
- ACM学习历程—HDU5696 区间的价值(分治 &;&; RMQ &;&; 线段树 &;&; 动态规划)
- centos7 安装 mysql-python时 报错 EnvironmentError: mysql_config not found
- MQTT事件回调流程
- SVN 命令使用-***
- POJ2536(二分图最大匹配)