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

时间:2016-09-19 12:48:39

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

我正在使用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;
}

1 个答案:

答案 0 :(得分:0)

通过此Google documentation example,您可以看到您可以使用单个字母字符为每个标记添加标签。

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

您还可以查看可能有帮助的SO post

  

有一个很好的标签类here,但你必须将它与标记一起添加。

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