百度地图初见

    xiaoxiao2021-04-03  44

    做了一年多的java开发工作,以前还没接触过地图,这次在工作中自己用到了百度地图,先将自己已经学到的一些东西记录下来,供自己以后使用复习。

    (以下记录多用截图)

    首先,需要初始化百度地图

    如此就能在浏览器上显示一个百度地图了,如图

    根据地址名称找到对应的点并标上marker

    如上图两个地名就是你需要传入的地址参数,第二个地址其实没什么用,这样找到了点并在地图上标注marker

    如图所示

    创建自定义的marker图标

    效果如下图

    让地图只显示中国区域的部分百度地图api没有直接的方法,我采用的是,先将整个地图刷白,然后画出每个省的轮廓,再将轮廓覆盖到地图上:

    上面方法的代码:

    mp.setMapStyle({ styleJson:[{ "featureType": "poi", "elementType": "all", "stylers": { "color": "#ffffff", "visibility": "off" } }, { "featureType": "road", "elementType": "all", "stylers": { "color": "#ffffff", "visibility": "off" } }, { "featureType": "background", "elementType": "all", "stylers": { "color": "#ffffff" } }, { "featureType": "administrative", "elementType": "all", "stylers": { "color": "#ffffff", "visibility": "off" } } ] });

    如上两图,就使用于将整个地图刷白,效果如下:

    然后是通过省去画每个省的轮廓并将其覆盖在地图上、方法如下图

    city为传入的地址名称在调用改方法:

    效果如下:

    这下这个地图是不是就好看多了。。但是需要说明的是在画地区轮廓是是一个点一个点去描的,所以会很慢,所以每次显示地图时都会等几秒,这个问题我现在也不知道如何解决,好了,这就是我觉得我在第一次操作百度地图时遇到的有意思的问题,其他的基本上百度地图的api都有方法,查阅文档就可以了

    转载请注明原文地址: https://ju.6miu.com/read-665873.html

    最新回复(0)