高德地图和百度地图接口封装遇到的问题（三）：参数集中插入参数以及引用未定义参数

1.向参数集中插入新参数：

由于要将高德地图和百度地图提供的方法封装成一个统一的方法，而对于某些功能来说可能传进来的参数个数不一样，比如下面的绘制折线功能：

//高德地图// 折线的节点坐标数组，每个元素为 AMap.LngLat 对象
var path = [new AMap.LngLat(116.368904,39.913423),new AMap.LngLat(116.382122,39.901176),new AMap.LngLat(116.387271,39.912501),new AMap.LngLat(116.398258,39.904600)
];// 创建折线实例
var polyline = new AMap.Polyline({path: path,  borderWeight: 2, // 线条宽度，默认为 1strokeColor: 'red', // 线条颜色lineJoin: 'round' // 折线拐点连接处样式
});// 将折线添加至地图实例
map.add(polyline);

//百度地图// 创建polyline对象
var pois = [new BMap.Point(116.350658,39.938285),new BMap.Point(116.386446,39.939281),new BMap.Point(116.389034,39.913828),new BMap.Point(116.442501,39.914603)
];
var polyline =new BMap.Polyline(pois, {enableEditing: false,//是否启用线编辑，默认为falsestrokeWeight:'8',//折线的宽度，以像素为单位strokeOpacity: 0.8,//折线的透明度，取值范围0 - 1strokeColor:"#18a45b" //折线颜色
});map.addOverlay(polyline);          //增加折线

可以看出高德地图需要传入一个包含点数组的参数集，百度地图需要擦传入点数组和一个参数集。如果要统一的话，可以直接将点数组和参数集暴露出来，newPolyline(pointsArr,options){ }

对于百度来说就直接在方法里面:return new BMap.Polyline(pointsArr,options);

而对于高德来说就需要先把点数组传进options中：options["path"]=pointsArr; //这个就是向参数集中加入参数

return new AMap.Polyline(pointsArr,options);

2.参数集中引用一个未定义的参数

 function test() {let options={enable:1,a:true}let poi=options.b;}
直接调用test函数不会报错，通过console.log(options.b);输出为undefined

高德地图和百度地图接口封装遇到的问题（三）：参数集中插入参数以及引用未定义参数相关推荐

高德h5地图api接口_html5通过腾讯地图、高德地图、百度地图开发api接口获取坐标对应的周边信息...
在通过 geolocation 获取到当前的 GPS 坐标后,需要通过"逆地理位置解析"才能得到街道对应的街道.建筑物.周边等相关信息. 下面我使用国内的三家主要的地图厂商(腾讯地 ...
通过腾讯地图、高德地图、百度地图开发接口获取坐标对应的周边相关信息
通过腾讯地图.高德地图.百度地图开发接口获取坐标对应的周边相关信息更新: 以前出于好意暴露了个人的KEY,现已被烂用.为不影响您的业务,请使用我的KEY的朋友去申请自己的KEY,我的KEY将在不久后 ...
uniapp 打开高德地图或者百度地图进行导航
//打开第三方地图 export function openMap(latitude,longitude,name){let url = "";if (plus.os.name = ...
基于Cesium使高德地图、百度地图、腾讯地图与天地图无偏移叠加
基于Cesium使高德地图.百度地图.腾讯地图与天地图无偏移叠加需求的产生方法的探索经验总结需求的产生在Cesium框架中,可以支持很多ImageryProvider,但是Viewer只用一 ...
高德地图只显示一个省_浅谈当下各种导航软件：高德地图、百度地图、腾讯地图...
浅谈当下各种导航软件:高德地图.百度地图.腾讯地图,之前出门找不到路只能靠问路,现在我们生活中出现了各种各样的导航软件,甚至让用户出现了选择困难症,不知道选择哪一款软件比较号,在这里小编就要给大家来分 ...
百度地图离线_“高德地图”和“百度地图”有什么差别? 专家: 细节决定成败!...
高德地图和百度地图是两款人气很高的导航软件,很多人想知道,高德地图和百度地图有什么不一样的.除了开发商的差异之外,在数据和功能上,它们也有很大不同.高德的导航功能非常强大,而百度的生活功能比较强悍. ...
Windows Store Javascript项目使用高德地图、谷歌地图、百度地图API
Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 原文 Windows Store Javascript项目使用高德地图.谷歌地图.百度地图API 在Win8 ...
百度地图infowindow的close事件_高德地图，百度地图，腾讯地图哪个更准？
先说结论高德第一,百度第二,腾讯第三这些地图商,他们是怎么知道"我家门口新开了一家咖啡店"这一事件的,并且标注上去还拍了照片呢?有些店新开了,有些店倒闭了,10年以前这条街上的 ...
百度地图手机和电脑不一致_手机能下载北斗星导航吗？比高德地图和百度地图好用吗？...
点蓝色字关注"长春大V" 大家一定要记住一个事实:北斗导航是一个提供导航.定位.授时以及短报文通信服务的系统,而不是一个地图,更不是一个手机APP.这是两个完全不同的概念,大家千万 ...

高德地图和百度地图接口封装遇到的问题（三）：参数集中插入参数以及引用未定义参数

高德地图和百度地图接口封装遇到的问题（三）：参数集中插入参数以及引用未定义参数相关推荐

最新文章

热门文章