javascript – 将复杂图标添加到谷歌地图

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 将复杂图标添加到谷歌地图，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1295字，纯文字阅读大概需要2分钟。

内容图文

我需要在谷歌地图上表示数据库中某些设备的状态.每个设备都有它的位置和复杂的状态.像在线/离线/相机OK等等.对于每个状态,我需要在地图上的图标旁边绘制一个气泡(例如,如果设备在线则为绿色,如果相机在线,则为一个红色).

例如,我有一些标记：

new google.maps.Marker({
                position: currLatLng,
                map: map,
                icon: image
            });

我需要这样的东西：

drawImageNextToTheMarker( “myImg”);

这样做的简易方法是什么？

或者有没有办法绘制html表格,图片集中在地图上的某个位置？

谢谢.

编辑：

我想到的一个解决方案是为每个状态的透明背景制作图像,并为每个状态绘制每个图像.这不是一个很好的解决方案,我会花一些时间制作这些图像,但这是目前最好的解决方案.

解决方法:

为每个州创建图标并向地图添加正确的图标可能是最简单的(只要您没有大量的变化).

图标

> icon_online_camera-on.gif
> icon_online_camera-off.gif
> icon_offline_camera-on.gif
> icon_offline_camera-off.gif

为位置添加标记时添加正确的图标.

编辑

根据新信息,这是另一个想法……

有一个专门的图标的地方.也许/ images / device_icons /

使用服务器端语言以一致的格式创建映像文件名

DEVICE-ID_ONLINE_CAMERA_OTHER-THING_LAST-THING.gif
3_1_0_1_3.gif // device - 3, online, camera off, other thing - 1, last thing -3

然后检查图标是否存在.

如果存在则使用先前创建的版本,如果它不存在,请使用您正在使用的任何语言来创建图标并保存.通过这种方式添加设备和状态很容易,如果你使用的是javascript,你就不会在每个页面加载上创建相同的图标
.

内容总结

以上是互联网集市为您收集整理的javascript – 将复杂图标添加到谷歌地图全部内容，希望文章能够帮你解决javascript – 将复杂图标添加到谷歌地图所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端