百度地图覆盖物加载svg图片的实战案例分析

最新推荐文章于 2023-09-14 18:26:21 发布

漏刻有时

最新推荐文章于 2023-09-14 18:26:21 发布

阅读量1.6k

点赞数 1

分类专栏：地图开发

LOCKDATAV出品，为避免断章取义走弯路，请注意环境配置和时间。

本文链接：https://blog.csdn.net/weixin_41290949/article/details/107876506

版权

地图开发专栏收录该内容

143 篇文章 30 订阅

订阅专栏

百度地图覆盖物是可以加载SVG图片信息的，加载的方式如下：
在这里插入图片描述

引入百度api

    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>

创建容器

<div id="allmap"></div>

加载地图

    var map = new BMap.Map("allmap");
    var point = new BMap.Point(116.591915, 37.333892);
    map.centerAndZoom(point, 16);
    map.enableScrollWheelZoom(true);

加载svg(设置marker图标)

    var vectorPeoplePath = new BMap.Marker(point, {
        icon: new BMap.Symbol(place, {
            rotation: 0,//顺时针旋转40度
            fillColor: 'green',
            fillOpacity: 0.8,
            strokeColor: '#555',
            strokeWeight: 3//线宽
        })
    });

    map.addOverlay(vectorPeoplePath);