-1

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

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

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

谢谢史蒂夫

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>
4

1 回答 1

0

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

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

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

于 2013-07-01T18:21:39.713 回答