在react中输入地点名称,使用百度地图api找到对应的地点

import React,{useEffect} from 'react'

export default function App() {
  useEffect(()=>{
     const BMapGL = window.BMapGL;
        var map = new BMapGL.Map("container");
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        let address='保定'
        / 创建地址解析器实例
        var geocoder = new BMapGL.Geocoder();
        // 将地址解析结果显示在地图上,并调整地图视野
        geocoder.getPoint(address, function (point) {
        f (point) {
           map.centerAndZoom(point, 16);
           map.addOverlay(new BMapGL.Marker(point));
        else {
           alert("您输入的地址没有解析到结果!");
        }
           }, "中国");
        }
  })
  return (
    <div id='container' style={{width:'100%',height':100%}}>
      
    </div>
  )
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值