与“高德地图”相关的文章 - 𝓍𝑜𝓎𝑜𝓏𝑜.𝓃𝑒𝓉

地图开发文档

天地图：https://map.tianditu.gov.cn/

开放平台：http://lbs.tianditu.gov.cn/

控制台：https://console.tianditu.gov.cn/

版本	类参考	代码示例
JavaScript API 4.0	类参考	代码示例
JavaScript API 4.0 开源库	资源引用、类参考及示例

若不显示地图，请添加域名白名单。

坐标系：CGCS 2000（国家大地坐标系）

高德地图：https://www.amap.com/

开放平台：https://lbs.amap.com/

控制台：https://console.amap.com/

版本	参考手册	示例中心
JS API v2	参考手册	示例中心
JS API v1	参考手册	示例中心

更多：坐标获取

坐标系：GCJ-02（火星坐标、国测局坐标系）

百度地图：https://map.baidu.com/

开放平台：http://lbsyun.baidu.com/

控制台：http://lbsyun.baidu.com/apiconsole/center

版本	类参考	示例DEMO
JavaScript API GL	类参考	示例DEMO
JavaScript API v3.0	类参考	示例DEMO

更多：拾取坐标系统

坐标系：BD-09（百度坐标）

腾讯地图：https://map.qq.com/

PC端于2022年11月11日停止服务

开放平台（腾讯位置服务）：https://lbs.qq.com/

控制台：https://lbs.qq.com/dev/console

版本	参考手册	示例
JavaScript API GL	参考手册	示例

坐标系：GCJ-02（火星坐标、国测局坐标系）

附：常见地图经纬度坐标系及转换

xoyozo 4 年前

7,727

百度地图与天地图常用 API 对比

	百度地图	天地图
初始化地图	var map = new BMap.Map("allmap");	var map = new T.Map("allmap");
将覆盖物添加到地图	addOverlay(overlay: Overlay)	addOverLay(overlay:OverLay)
从 Map 的 click 事件中获取坐标点	map.addEventListener("click", function (e) { Point = e.point; }	map.addEventListener("click", function (e) { LngLat = e.lnglat; }
坐标点	new BMap.Point(lng: Number, lat: Number)	new T.LngLat(lng: Numbe, lat: Number)
像素点	new BMap.Pixel(x: Number, y: Number)	new T.Point(x: Number, y: Number)
文本标注	`new BMap.Label(content: String, { offset: Size, position: Point })`	`new T.Label({ text: string, position: LngLat, offset: Point })`
设置文本标注样式	setStyle(styles: Object)	每个样式使用单独的 set 方法实现
图像标注	`new BMap.Marker(Point, { offset: Size, icon: Icon, enableMassClear: Boolean, enableDragging: Boolean, enableClicking: Boolean, raiseOnDrag: Boolean, draggingCursor: String, rotation: Number, shadow: Icon, title: String })`	`new T.Marker(LngLat, { icon: Icon, draggable: boolean, title: string, zIndexOffset: number, opacity: number })`
为图像标注添加文本标注	Marker.setLabel(label: Label)	无。可借用 title（鼠标掠过显示）属性来实现，并通过 Marker.options.title 来获取值
从图像标注获取坐标点	Point = Marker.getPosition();	LngLat = Marker.getLngLat();
绘制折线	`new BMap.Polyline(points: Array<Point>, { strokeColor: String, strokeWeight: Number, strokeOpacity: Number, strokeStyle: String, enableMassClear: Boolean, enableEditing: Boolean, enableClicking: Boolean, icons: Array<IconSequence> })`	`new T.Polyline(points:Array<LngLat>, { color: string, weight: number, opacity: number, lineStyle: string })`
绘制多边形	`new BMap.Polygon(points: Array<Point>, { strokeColor: String, fillColor: String, strokeWeight: Number, strokeOpacity: Number, fillOpacity: Number, strokeStyle: String, enableMassClear: Boolean, enableEditing: Boolean, enableClicking: Boolean })`	`new T.Polygon(points:Array<LngLat>,{ color: string, weight: number, opacity: number, fillColor: String, fillOpacity: number, lineStyle: string })`
设置多边形的点数组	Polygon.setPath(points: Array<Point>)	Polyline.setLngLats(lnglats: Array<LngLat>)
设置地图视野	Map.setViewport(view: Array<Point> \| Viewport, viewportOptions: ViewportOptions)	Map.setViewport(view: Array<LngLat>)

xoyozo 5 年前

6,201