百度地图--获取自定义区域JSON数据（上）

最新推荐文章于 2024-07-27 22:34:02 发布

cc百川

最新推荐文章于 2024-07-27 22:34:02 发布

阅读量8.1k

点赞数 1

分类专栏： web前端文章标签：百度地图地图自定义标注取消logo 地图json react百度地图

本文链接：https://blog.csdn.net/ljcc122/article/details/83268917

版权

本文介绍了如何在React应用中使用百度地图API进行自定义区域绘图，包括注册SDK、引入JS文件、创建地图容器及解决在React中引用百度地图的问题。同时探讨了自定义图标、清除地图Logo的方法，并回忆了过去在地图数据获取上的挑战，激发了学习自定义绘图的兴趣。下篇将分享获取自定义区域JSON数据的代码。

摘要由CSDN通过智能技术生成

基于百度地图的自定义区域绘图–调用地图

注册百度地图的SDK：
这一步是调用百度地图的核心，通过获取SDK才能进行相关操作。
使用百度地图：
在html中引入js文件：

 <script src="http://api.map.baidu.com/api?v=1.2&ak=kDfrUwYGgSaUbDLwKGXBwlaseKZbI7I9" type="text/javascript"></script>
 //最好使用你自己的SDK，我这个可能使用人数过多会被限制。

开始使用：
你需要在html代码中加入一个容器存放这个地图（div，p等最好是块级元素，便于你不用在做其他调整）

		var map = new BMap.Map('baidumap');//创建地图
        //创建一个坐标
        var point =new BMap.Point(104.073015,30.664129);
        //地图初始化，设置中心点坐标和地图级别
        map.centerAndZoom(point,11);//初始化地图，设置中心点坐标，以及地图级别
        map.addControl(new BMap.MapTypeControl({
            mapTypes:[
                BMAP_NORMA