欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

百度地图关键字,定位

程序员文章站 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