百度地图 JavaScript API使用自定义标注图标 中心不在坐标点上 咋整呢??

w22net 2020-11-10 10:07:55

百度地图 JavaScript API使用自定义标注图标 中心不在坐标点上 咋整呢??
用的网上下载的离线地图,如图,蓝色图标是自定义的图标尖端没有正指在坐标点上,红图标为默认的图标指示是准确的坐标点。

自定义图标:
myIcon = new BMap.Icon("images/icon_marke_blue.png", new BMap.Size(32,32));//32,32
marker = new BMap.Marker(OPoint,{icon:myIcon});
默认图标:
marker = new BMap.Marker(OPoint);




...全文
222 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
源码链接: https://pan.quark.cn/s/a4b39357ea24 在本文中,我们将详细研究如何运用百度地图JavaScript API来绘制路径,并且集成自定义图标标注功能。这是一项在网页开发领域中常用于地理位置信息展示和处理的先进技术。我们必须深入掌握百度地图API的基本原理及其主要功能。百度地图JavaScript API作为一个功能丰富的工具,它使开发者能够在网页中嵌入地图服务,涵盖地图的显示、定位、路径规划等多个方面。在这个实例中,我们涉及两个核心的文件:`traceDraw.jsp` 和 `personTraceMap.jsp`,它们分别负责绘制特定位置的移动轨迹以及依据位置数据集来展示路径。1. **路径绘制**: - `traceDraw.jsp` 文件可能包含用于实时或回顾式追踪某个对象运动路径的代码。这通常涉及到解析路径数据(例如GPS定位信息),接着借助百度地图API的`BMap.Polyline`类来构建折线对象,将一系列坐标点串联起来,从而形成路径线。 - 路径数据可以采用JSON格式,其中包含一系列经纬度坐标对,例如`[ [lng1, lat1], [lng2, lat2], ... ]`。2. **个性化图标**: - `person.png` 文件是用户指定的自定义图标,用于在路径上标记特定的位置或者起点和终点。在百度地图API中,我们可以利用`BMap.Icon`类来生成个性化图标,并设定其尺寸、位置以及图片源(此处即为`person.png`)。 - 通过将这个个性化图标应用于`BMap.Marker`实例,我们可以在地图上展示具有特色的标记。3. **文本标注**: - 在路径上增加标注能够提供额外信息...

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧