我想在谷歌地图中用标记显示活动日期答案

【问题标题】：I want to show event date with marker in google map我想在谷歌地图中用标记显示活动日期
【发布时间】：2016-09-19 12:48:38
【问题描述】：

我正在使用 PHP 和 MySQL 来展示我所有的活动照片和视频。我希望事件日期将与标记一起显示，单击标记后将显示所有照片和视频。我可以显示照片和视频，但我不能用标记显示日期。

所以请帮忙。

function load() {
    if (GBrowserIsCompatible()) {

        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(xx.xxxxxx, xx.xxxxxx), 8);
        -----------------------------------------------------
        -----------------------------------------------------
        var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                    parseFloat(markers[i].getAttribute("lng")));
            var marker = createMarker(point, name, address, type, photo);   
            map.addOverlay(marker);
    }
}

function createMarker(point, name, address, type, photo) {
    var marker = new GMarker(point, customIcons[type]);
    var html = "<h1 style='text-align: center;'>" + name + "</h1> <br/>" + photo;
    GEvent.addListener(marker, 'click', function() {
        marker.openInfoWindowHtml(html);
    });
    return marker;
}

【问题讨论】：

Yikes，这是 Google Maps API v2，非常过时，应该使用 API v3 编写。见developers.google.com/maps/articles/v2tov3

标签： javascript google-maps-api-3 google-maps-api-2 marker

【解决方案1】：

从这个Google documentation example 中，您可以看到您可以使用单个字母字符为每个标记添加标签。

var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
var labelIndex = 0;

您也可以查看此SO post，这可能会有所帮助。

有一个很好的标签类here，但您必须将它添加到标记旁边。

基本上，您可以使用ELabel，它允许您在地图上放置文本标签或图像或任何其他 HTML 元素，并让它们随地图移动，例如标记和折线叠加。

【讨论】：