Google Maps API：自定义Marker图标，为图标添加文字等信息

最新推荐文章于 2024-07-30 15:09:57 发布

youthpasses

最新推荐文章于 2024-07-30 15:09:57 发布

阅读量6.3k

点赞数

文章标签： google api function div 浏览器 html

本文链接：https://blog.csdn.net/youthpasses/article/details/6577788

版权

本文介绍了如何使用Google Maps API创建自定义Marker图标，并在图标上添加文字信息。通过示例代码展示了如何实现这一功能，包括创建LabelMarker类、设置图标样式以及在地图上添加标记。

摘要由CSDN通过智能技术生成

代码：

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <script src="http://ditu.google.com/maps?file=api&v=2&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA&hl=zh-CN" type="text/javascript"></script>

        <script type="text/javascript">
            function load()
            {
                //检查浏览器的兼容性.
                if (GBrowserIsCompatible())
                {
                    //加载地图
                    var map = new GMap2(document.getElementById("map_canvas"));
                    map.addControl(new GSmallMapControl());
                    map.addControl(new GMapTypeControl());
                    map.set