与百度LBS开放平台相比,高德地图API有啥优势?

Posted 2023-04-25

产品异同，各自优势，怎样

高德现在更新一点也不慢，一个多月一版。高德因为自己生产数据，所以在对数据的利用上，比百度有优势。高德的qq群有工作人员在回答问题。而且高德的api覆盖 的平台比百度多，包括android ios WP、W8等 参考技术A 百度做的力度小，而且是懂客户的人来设计和主导；
高德更新比较慢，而且实际客户少的原因，和缺乏互联网基因的特点，造成其完全有开发主导，而且qq群的答疑能力差

总结整理高德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