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 使用百度地图:搜索定点的主要内容,如果未能解决你的问题,请参考以下文章