【问题标题】:Label Markers on rollover翻转时的标签标记
【发布时间】:2013-07-01 18:09:28
【问题描述】:

这里是全新的.....不要伤害我:)。如果我的术语不正确,我也很抱歉。 我没有HTML 的经验,但通过FileMaker 来这里。我正在为自己的小型企业开发 FileMaker 数据库,并遇到了Geocoding,我将其添加到我的数据库中。一切正常。但我试图弄清楚我可以在 HTML 中的哪个位置更改参数,以便 当我滚动标记时,我可以看到 Customer's name,而不仅仅是“Marker 1”。我能够调整文档,所以当我点击标记时,NameAddressCity State 等都会弹出,但 似乎无法弄清楚 @ 987654329@。如果这个问题太多了,我很抱歉,请您指出正确的方向。

在过去的一周里,我一直在这个网站和其他几个网站上,只是阅读并尝试学习所有我能学到的东西,并进行修补,但仍然感到困惑。

任何帮助/指导将不胜感激。当然,如果您需要更多信息,请询问。

谢谢 史蒂夫

PS 请注意下面的HTML 不是我创建的,只是导入到我的DB 解决方案中。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps Test</title>
<style type="text/css">
html, body {
   height: 100%;
   margin: 0;
   padding: 0;
}

#map_canvas {
  height: 100%;
}
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?                     sensor=false"></script>
<script type="text/javascript">
    function initialize() {
   var myOptions = {
    zoom: 5,
    center: new google.maps.LatLng(46.52863469527167,2.43896484375),
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControlOptions: {
        mapTypeIds: [google.maps.MapTypeId.ROADMAP,     google.maps.MapTypeId.HYBRID]
    }
};

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var markerBounds    = new google.maps.LatLngBounds();
var markers         = new Array(
    [[MarkersArray]]
    );

var infoWindow = new google.maps.InfoWindow;    

function addMarker(options){
    var marker = new google.maps.Marker({map:map});
    marker.setOptions(options);

    google.maps.event.addDomListener(marker, 'click', function() {
        infoWindow.setContent(marker['info']);

        infoWindow.open(map, marker);
    });

    markerBounds.extend(options.position);

    return marker;
}

google.maps.event.addListener(map, 'click', function() {
    infoWindow.close();
});

var end = markers.length;
for(var i=0; i<end; i++) {
    addMarker({
        position: markers[i]['position'],
        title: "Marker "+i,
        info: markers[i]['info']
    });
}

map.setCenter(markerBounds.getCenter());
map.fitBounds(markerBounds);
}
</script>
</head>
<body onload="initialize()">
  <div id="map_canvas"></div>
</body>

</html>

【问题讨论】:

    标签: html google-maps-api-3


    【解决方案1】:

    标记的“标题”是鼠标悬停时显示的内容。它是由这段代码设置的:

    addMarker({
        position: markers[i]['position'],
        title: "Marker "+i,
        info: markers[i]['info']
    });
    

    将“标记”+i 更改为您要显示的文本。

    【讨论】:

    • 感谢您的回复。我想我需要在原始问题中添加更多信息。而不是“标记”+ i,我希望它从数据库中提取客户姓名,并在我滚动每个引脚时显示该显示。所以接下来的问题应该是,我如何设置该变量(如果这是正确的术语)。
    • 那么您将需要提供更多上下文。 MarkersArray 中有什么?它是如何从您的数据库中填充的?它目前是否包含客户的姓名?
    • 感谢您的跟进。 MarkersArray 是 FileMaker 中的自定义函数。信息和来源也是 2 个未存储的计算。如果我能弄清楚如何附上屏幕截图,我认为这可能会有所帮助。
    • 有人......有人吗?有没有人有任何建议或需要我提供更多信息?谢谢
    • 我不明白为什么在构建标记时不能将标记的标题设置为客户名称。那应该做你需要的。您的问题中没有足够的信息来提供代码来执行此操作...
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-08
    • 1970-01-01
    • 2011-07-14
    • 2011-04-11
    • 1970-01-01
    相关资源
    最近更新 更多