vue 使用百度地图:搜索定点

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 使用百度地图:搜索定点相关的知识,希望对你有一定的参考价值。

参考技术A 需求:
1.以某一点为圆心,半径5000米以内的地方进行标注;
2.点击选择定位,添加覆盖物,并解析地址;
3.通过搜索进行定位:↑↓键进行选择Enter键确定,也可以点击选择,并添加覆盖物。

官网地址:
https://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-placeapi

这次的需求是,圆心五公里之内的地方,需要可以搜索定点。根据文档,需要用到的api是
https://api.map.baidu.com/place/v2/search?query=银行&location=39.915,116.404&radius=2000&output=xml&ak=您的密钥
具体参数看上面的网址就成~~
在解析地址时,可能会出现跨域问题,所以我们还需要安装一个vue-jsonp。

安装 ↓

main.js ↓

在utils中创建文件loadMap.js ↓

准备工作就完成啦~~~~

html

css ↓ (首先要确保容器有足够的宽高)

script ↓

以上是关于vue 使用百度地图:搜索定点的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目引用百度地图并实现搜索定位等功能

vue中使用百度地图,悬浮窗搜索功能

vue中调用百度地图 获取经纬度

vue中引入百度地图

vue 使用百度地图(vue-Baidu-Map)

Vue中如何使用百度地图