百度地图初见

做了一年多的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都有方法,查阅文档就可以了

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值