百度地图关键字,定位
程序员文章站
2022-04-19 21:24:18
...
代码
function mapAip(addressMap) {
// 百度地图API功能
var map = new BMap.Map('allmap', { enableMapClick: false })
// 初始化地图,设置中心点坐标
map.centerAndZoom('海南', 18)
// 滚动改变地图视野
map.enableScrollWheelZoom()
// console.log('地图创建完成')
var local = new BMap.LocalSearch(map, {
//智能搜索
onSearchComplete: function () {
var j = local.getResults().getPoi(0).point.lng //获取第一个智能搜索的结果
var w = local.getResults().getPoi(0).point.lat //获取第一个智能搜索的结果
// console.log(j + '-' + w)
var a = map.panTo(new BMap.Point(j, w)) //地图中心点转移到第一条搜索结果
// var mPoint = new BMap.Point((j, w), 20)
var marker1 = new BMap.Marker(new BMap.Point(j, w)) // 创建标注
map.clearOverlays()
map.addOverlay(marker1) // 将标注添加到地图
marker1.onclick = function () {
window.open(
'http://api.map.baidu.com/geocoder?address=' +
addressMap +
'&output=html&src=webapp.baidu.openAPIdemo'
)
}
},
})
local.search(addressMap)
}
效果图
运行:mapAip(“海南省海口市龙华区凤翔西路东站”)
参考:https://blog.csdn.net/dandan__666/article/details/98965815?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf
上一篇: 百度地图如何准确定位?注意surroundingPois
下一篇: vue+条形码
推荐阅读
-
javascript+mapbar实现地图定位_javascript技巧
-
使用百度地图api实现根据地址查询经纬度_javascript技巧
-
像饿了么一样利用地图定位计算坐标附近餐厅的这个方式怎么做的呢?
-
百度地图简单使用--添加折线,圆形等(html,js)_html/css_WEB-ITnose
-
百度地图API之本地搜索与范围搜索_javascript技巧
-
web 网站中添加百度地图导航功能,怎么实现??
-
IOS实现百度地图自定义大头针和气泡样式
-
iOS百度地图简单使用详解
-
android使用百度地图SDK获取定位信息示例
-
Android百度地图实现搜索和定位及自定义图标绘制并点击时弹出泡泡