这里是全新的.....不要伤害我:)。如果我的术语不正确,我也很抱歉。我没有HTML
经验,但通过FileMaker
. 我正在为我自己的小型企业开发一个 FileMaker 数据库,并且遇到了Geocoding
,我将其添加到我的数据库中。一切正常。但我试图找出在 HTML 中我可以更改参数的位置,所以当我滚动标记时,我可以看到 Customer's name
,而不仅仅是“ Marker 1
”。我能够调整文档,所以当我点击标记时Name
,Address
、City 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>