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

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

百度地图覆盖物是可以加载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);


LOCKDATAV DONE!

相关文章
|
数据可视化
echarts画有三角形柱形的柱状图
echarts画有三角形柱形的柱状图
689 0
|
前端开发 JavaScript UED
|
机器学习/深度学习 存储 人工智能
AI(文生语音)-TTS 技术线路探索学习:从拼接式参数化方法到Tacotron端到端输出
【9月更文挑战第1天】AI(文生语音)-TTS 技术线路探索学习:从拼接式参数化方法到Tacotron端到端输出
AI(文生语音)-TTS 技术线路探索学习:从拼接式参数化方法到Tacotron端到端输出
|
移动开发 JavaScript 定位技术
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
1041 0
|
运维 安全 网络安全
.NET HttpWebRequest(请求被中止: 未能创建 SSL/TLS 安全通道)和(基础连接已经关闭: 发送时发生错误)问题查找解决
.NET HttpWebRequest(请求被中止: 未能创建 SSL/TLS 安全通道)和(基础连接已经关闭: 发送时发生错误)问题查找解决
2045 0
.NET HttpWebRequest(请求被中止: 未能创建 SSL/TLS 安全通道)和(基础连接已经关闭: 发送时发生错误)问题查找解决
|
JavaScript 前端开发 定位技术
Vue使用地图以及实现轨迹回放 附完整代码
Vue使用地图以及实现轨迹回放 附完整代码
1649 0
Vue使用地图以及实现轨迹回放 附完整代码
|
SQL 设计模式 存储
【MySQL】一文搞懂MySQL语法(进阶)
本文讲述了SQL语法一些进阶内容,全文3.4w字,都是一句一句话指导,相信用心看,肯定会有收获的,需要哪一部分的内容,点击目录即可跳转
804 0
【MySQL】一文搞懂MySQL语法(进阶)
|
Java 数据安全/隐私保护
Java使用PDFBox开发包实现对PDF文档内容编辑与保存
Java使用PDFBox开发包实现对PDF文档内容编辑与保存
758 7
|
存储 Oracle 网络协议
实战篇:使用 StarWind 配置 ISCSI 共享存储
实战篇:使用 StarWind 配置 ISCSI 共享存储
实战篇:使用 StarWind 配置 ISCSI 共享存储