百度地图覆盖物加载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画有三角形柱形的柱状图
675 0
|
前端开发 JavaScript UED
|
机器学习/深度学习 存储 人工智能
AI(文生语音)-TTS 技术线路探索学习:从拼接式参数化方法到Tacotron端到端输出
【9月更文挑战第1天】AI(文生语音)-TTS 技术线路探索学习:从拼接式参数化方法到Tacotron端到端输出
AI(文生语音)-TTS 技术线路探索学习:从拼接式参数化方法到Tacotron端到端输出
|
移动开发 JavaScript 定位技术
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
百度地图开发:地图调起API(Web端)使用终点经纬度直接调用百度地图导航信息的解决方案
995 0
|
JavaScript 前端开发 定位技术
Vue使用地图以及实现轨迹回放 附完整代码
Vue使用地图以及实现轨迹回放 附完整代码
1593 0
Vue使用地图以及实现轨迹回放 附完整代码
|
运维 安全 网络安全
.NET HttpWebRequest(请求被中止: 未能创建 SSL/TLS 安全通道)和(基础连接已经关闭: 发送时发生错误)问题查找解决
.NET HttpWebRequest(请求被中止: 未能创建 SSL/TLS 安全通道)和(基础连接已经关闭: 发送时发生错误)问题查找解决
2032 0
.NET HttpWebRequest(请求被中止: 未能创建 SSL/TLS 安全通道)和(基础连接已经关闭: 发送时发生错误)问题查找解决
|
Java 数据安全/隐私保护
Java使用PDFBox开发包实现对PDF文档内容编辑与保存
Java使用PDFBox开发包实现对PDF文档内容编辑与保存
741 7
|
JavaScript 前端开发 算法
【Node.js 版本过高】运行前端时,遇到错误 `Error: error:0308010C:digital envelope routines::unsupported`
【Node.js 版本过高】运行前端时,遇到错误 `Error: error:0308010C:digital envelope routines::unsupported`
9557 0
|
存储 前端开发 安全
前端401错误 & 解决方法:响应拦截器
前端401错误 & 解决方法:响应拦截器
前端401错误 & 解决方法:响应拦截器

热门文章

最新文章