Wie öffne ich verschiedene Informationen für jedes Polygon, das ich erstellt habe? Google Maps API v3
Hier ist der Code, den ich gerade ausführe: Der Benutzer kann sein eigenes Polygon erstellen, nachdem seine Polygone auf der Karte angezeigt wurden. Ich möchte einige Informationen zu jedem Polygon anzeigen. Ich öffne jetzt ein Infofenster, kann aber keine Informationen für verschiedene Polygone abrufen
Irgendwelche Gedanken?
<?php foreach ($area->result() as $f):?>
// Create an array with the coordanates of each area
var area<?=$f->id?>Coords = [
<?php $latlng=$this->resources_data->field_latlng($f->id);?>
<?php foreach ($latlng->result() as $point):?>
new google.maps.LatLng(<?=$point->lat?>, <?=$point->lng?>),
<?php endforeach;?>
];
// Create a polygon with the points of the area
var area<?=$f->id?>=new google.maps.Polygon({
paths: area<?=$f->id?>Coords,
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35
});
// Add the Field to the map.
area<?=$f->id?>.setMap(map);
google.maps.event.addListener(field<?=$f->id?>,'click',function(event){
infowindow.setContent(contentString);
if (event) {
point = event.latLng;
}
infowindow.setPosition(point);
infowindow.open(map);
});
google.maps.event.addListener(map, 'click', function() {
infowindow.close();
});
<?php endforeach;?>
var contentString = '<div id="content" class="h300 rad3">'+
'<div>'+
'</div>'+
'<h2 ><?=$f->name?> </h2>'+
'<div id="bodyContent">'+
'<div class="bgC m20l glow3cb rad3 h100 w350 inlineB vtop m15b m15r">' +
' '+
''+
'<div class="inlineT vtop w180 m5l"> '+
'<div class="inlineT vtop m5l"> '+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});