Question

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

过去一周我一直在这个网站和其他几个网站，只是阅读＆amp;我试着尽我所能，修修补补，但仍然难以理解。

非常感谢任何帮助/方向。当然，如果您需要更多信息，请询问。

由于史蒂夫

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>

Answer 1

＆＃34;标题＆＃34;标记的内容是鼠标悬停时显示的内容。它由以下代码设置：

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

将＆＃34;标记＆＃34; + i更改为您想要显示的文字。

滚动标签标记

1 个答案: