Farben der Karte anpassen (via MapTypeStyler)
Hallo zusammen,
laut Google Maps JavaScript API V3 – Referenz ist es ja möglich via "MapTypeStyler" die Farbe der Karte komplett anzupassen. Hat jemand damit Erfahrung? Ich dachte erst ich könnte in den Map-Einstellungen im Feld "Ergänzende Parameter" den generierten JSON Code reinkopieren. So einfach scheint das aber doch nicht zu sein.
Hat jemand schonmal sowas umgesetzt und kann mir ein paar Tipps geben?
Grüße,
Patrick
Modifiziertes ce_dlh_googlemaps.xhtml für Farbdarstellung
Hallo Leute,
da ich wie viele andere auch die Google Karten farblich anpassen wollte, habe ich mich mal dran gemacht und das o.g. Template angepasst.
Ich hab das "Ergänzende Parameter" Feld im Backend missbraucht, dort trägt man nun die Styles ein, die man z.b. bei Google Maps Style Wizard erhält. Form sollte so sein:
Code:
[
{
stylers: [
{ hue: "#ff0000" }
]
}
]
PHP-Code:
<!-- indexer::stop -->
<div class="<?php echo $this->class; ?> bum block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<div class="dlh_googlemap block" id="dlh_googlemap_<?php echo $this->map['id']; ?>" style="width:<?php echo $this->map['mapSize'][0].$this->map['mapSize'][2]; ?>;height:<?php echo $this->map['mapSize'][1].$this->map['mapSize'][2]; ?>;"><noscript><p><?php echo ($this->map['staticMapNoscript'] ? $this->map['staticMap'] : $this->labels['noscript']); ?></p></noscript></div>
<script type="text/javascript">
/* <![CDATA[ */
var styles;
function gmap<?php echo $this->map['id']; ?>_initialize() {
<?php if ($this->map['parameter']) echo "styles = ". $this->map['parameter'] .";"; ?>
var gmap<?php echo $this->map['id']; ?>_Options = {
zoom: <?php echo $this->map['zoom']; ?>
, center: new google.maps.LatLng(<?php echo $this->map['center']; ?>)
, mapTypeId: google.maps.MapTypeId.<?php echo $this->map['mapTypeId']; ?>
, draggable: <?php echo $this->map['draggable']; ?>
, disableDoubleClickZoom: <?php echo $this->map['disableDoubleClickZoom']; ?>
, scrollwheel: <?php echo $this->map['scrollwheel']; ?>
, streetViewControl: <?php echo $this->map['streetViewControl']; ?>
<?php if ($this->map['useMapTypeControl']) : ?>
, mapTypeControl: true
, mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.<?php echo $this->map['mapTypeControlStyle']; ?>
, position: google.maps.ControlPosition.<?php echo $this->map['mapTypeControlPos']; ?>
<?php if (is_array($this->map['mapTypesAvailable'])) : ?>
, mapTypeIds: [
<?php foreach($this->map['mapTypesAvailable'] as $k=>$v) : ?>
<?php if($k>0) echo ','; ?>google.maps.MapTypeId.<?php echo $v; ?>
<?php endforeach; ?>
]
<?php endif; ?>
}
<?php else : ?>
, mapTypeControl: false
<?php endif; ?>
<?php if ($this->map['useNavigationControl']) : ?>
, navigationControl: true
, navigationControlOptions: {
style: google.maps.NavigationControlStyle.<?php echo $this->map['navigationControlStyle']; ?>,
position: google.maps.ControlPosition.<?php echo $this->map['navigationControlPos']; ?>
}
<?php else : ?>
, navigationControl: false
<?php endif; ?>
<?php if ($this->map['useScaleControl']) : ?>
, scaleControl: true
, scaleControlOptions: {
position: google.maps.ControlPosition.<?php echo $this->map['scaleControlPos']; ?>
}
<?php else : ?>
, scaleControl: false
<?php endif; ?>
};
var gmap<?php echo $this->map['id']; ?> = new google.maps.Map(document.getElementById("dlh_googlemap_<?php echo $this->map['id']; ?>"), gmap<?php echo $this->map['id']; ?>_Options);
var styledMapOptions = {
name: "<?php echo $this->map['title']?>"
}
var styledMapType = new google.maps.StyledMapType(styles, styledMapOptions);
gmap<?php echo $this->map['id']; ?>.mapTypes.set('<?php echo $this->map['title']?>', styledMapType);
gmap<?php echo $this->map['id']; ?>.setMapTypeId('<?php echo $this->map['title']?>');
<?php $count=-1; foreach($this->map['elements'] AS $element) : $count++; $element['id']=$this->map['id'].'_'.$count; switch($element['type']) :
case 'MARKER': ?>
<?php if ($element['singleCoords'] && $element['markerType']) : ?>
var gmap<?php echo $element['id']; ?>_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $element['singleCoords']; ?>)
, map: gmap<?php echo $this->map['id']; ?>
<?php if($element['markerType']=='ICON') : ?>
<?php if($element['iconSRC'] && $element['iconSize'][0] && $element['iconSize'][1]) : ?>
, icon: new google.maps.MarkerImage(
'<?php echo $element['iconSRC']; ?>'
, new google.maps.Size(<?php echo $element['iconSize'][0].','.$element['iconSize'][1]; ?>)
, new google.maps.Point(0,0)
, new google.maps.Point(<?php echo $element['iconAnchor'][0].','.$element['iconAnchor'][1]; ?>)
, new google.maps.Size(<?php echo $element['iconSize'][0].','.$element['iconSize'][1]; ?>)
)
<?php endif; ?>
<?php if($element['shadowSRC'] && $element['shadowSize'][0] && $element['shadowSize'][1]) : ?>
, shadow: new google.maps.MarkerImage(
'<?php echo $element['shadowSRC']; ?>'
, new google.maps.Size(<?php echo $element['shadowSize'][0].','.$element['shadowSize'][1]; ?>)
, new google.maps.Point(0,0)
, new google.maps.Point(<?php echo $element['iconAnchor'][0].','.$element['iconAnchor'][1]; ?>)
, new google.maps.Size(<?php echo $element['shadowSize'][0].','.$element['shadowSize'][1]; ?>)
)
<?php endif; ?>
<?php endif; ?>
<?php if($element['markerAction'] == 'LINK' && $element['linkTitle']) : ?>
, title:"<?php echo $element['linkTitle']; ?>"
<?php elseif ($element['markerShowTitle']) : ?>
, title:"<?php echo $element['title']; ?>"
<?php endif; ?>
<?php if ($element['zIndex']) : ?>
, zIndex: <?php echo $element['zIndex']; ?>
<?php endif; ?>
<?php if ($element['parameter']) : ?>
, <?php echo $element['parameter']; ?>
<?php endif; ?>
});
<?php if($element['markerAction'] == 'INFO') : ?>
<?php if($element['useRouting']) {
$routingPoint = ($element['routingAddress'] ? $element['routingAddress'] : $element['singleCoords']);
$routingLink = '<div class="routinglink">' . str_replace('?','<a href="http://maps.google.com/maps?saddr=&daddr=' . urlencode($routingPoint) . '&ie=UTF8&hl=' . $this->map['language'] . '" onclick="window.open(this.href); return false;">' . $this->labels['routingLink'] . '</a>', $this->labels['routingLabel']) . '<br /><form action="http://maps.google.com/maps" method="get" target="_new"><input type="hidden" name="daddr" value="' . $routingPoint . '" /><input type="hidden" name="ie" value="UTF8" /><input type="hidden" name="hl" value="' . $this->map['language'] . '" /><input type="text" class="text" name="saddr" /><input type="submit" class="submit" value="' . $this->labels['routingSubmit'] . '" /></form></div>';
} else {
$routingLink = '';
} ?>
var gmap<?php echo $element['id']; ?>_infowindow = new google.maps.InfoWindow({
position: new google.maps.LatLng(<?php echo $element['singleCoords']; ?>),
<?php if ($element['infoWindowAnchor'][0] && $element['infoWindowAnchor'][1]) : ?>
pixelOffset: new google.maps.Size(<?php echo $element['infoWindowAnchor'][0].','.$element['infoWindowAnchor'][1]; ?>),
<?php endif; ?>
content: '<?php echo $element['infoWindow'].$routingLink; ?>'
});
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_marker, 'click', function() {
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
});
<?php if($element['popupInfoWindow']) : ?>
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
<?php endif; ?>
<?php elseif($element['markerAction'] == 'LINK') : ?>
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_marker, 'click', function() {
<?php if($element['target']) : ?>
window.open('<?php echo $element['url']; ?>','_blank','resizable=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes');
<?php else :?>
window.location.href='<?php echo $element['url']; ?>';
<?php endif; ?>
});
<?php endif; ?>
<?php if ($element['parameter']) : ?>
<?php echo $element['parameter']; ?>
<?php endif; ?>
<?php endif; ?>
<?php break;
case 'POLYLINE' : ?>
<?php if ($element['multiCoords'][0] && $element['strokeColor'] && $element['strokeOpacity'] && $element['strokeWeight']['value']) : ?>
var gmap<?php echo $element['id']; ?>_path = new google.maps.Polyline({
path: [
<?php foreach($element['multiCoords'] as $k=>$v) : ?>
<?php if($k>0) echo ','; ?>new google.maps.LatLng(<?php echo $v; ?>)
<?php endforeach; ?>
]
, strokeColor: "#<?php echo $element['strokeColor']; ?>"
, strokeOpacity: <?php echo $element['strokeOpacity']; ?>
, strokeWeight: <?php echo $element['strokeWeight']['value']; ?>
<?php if ($element['zIndex']) : ?>
, zIndex: <?php echo $element['zIndex']; ?>
<?php endif; ?>
<?php if ($element['parameter']) : ?>
, <?php echo $element['parameter']; ?>
<?php endif; ?>
});
gmap<?php echo $element['id']; ?>_path.setMap(gmap<?php echo $this->map['id']; ?>);
<?php endif; ?>
<?php break;
case 'POLYGON' : ?>
<?php if ($element['multiCoords'][0] && $element['strokeColor'] && $element['strokeOpacity'] && $element['strokeWeight']['value']) : ?>
var gmap<?php echo $element['id']; ?>_polygon = new google.maps.Polygon({
path: [
<?php foreach($element['multiCoords'] as $k=>$v) : ?>
<?php if($k>0) echo ','; ?>new google.maps.LatLng(<?php echo $v; ?>)
<?php endforeach; ?>
]
, strokeColor: "#<?php echo $element['strokeColor']; ?>"
, strokeOpacity: <?php echo $element['strokeOpacity']; ?>
, strokeWeight: <?php echo $element['strokeWeight']['value']; ?>
<?php if ($element['fillColor'] && $element['fillOpacity']) : ?>
, fillColor: "#<?php echo $element['fillColor']; ?>"
, fillOpacity: <?php echo $element['fillOpacity']; ?>
<?php endif; ?>
<?php if ($element['zIndex']) : ?>
, zIndex: <?php echo $element['zIndex']; ?>
<?php endif; ?>
<?php if ($element['parameter']) : ?>
, <?php echo $element['parameter']; ?>
<?php endif; ?>
});
gmap<?php echo $element['id']; ?>_polygon.setMap(gmap<?php echo $this->map['id']; ?>);
<?php if($element['markerAction'] == 'INFO') : ?>
var gmap<?php echo $element['id']; ?>_infowindow = new google.maps.InfoWindow({
position: new google.maps.LatLng(<?php echo $element['windowPosition']; ?>),
<?php if ($element['infoWindowAnchor'][0] && $element['infoWindowAnchor'][1]) : ?>
pixelOffset: new google.maps.Size(<?php echo $element['infoWindowAnchor'][0].','.$element['infoWindowAnchor'][1]; ?>),
<?php endif; ?>
content: '<?php echo $element['infoWindow']; ?>'
});
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_polygon, 'click', function(event) {
gmap<?php echo $element['id']; ?>_infowindow.setPosition(event.latLng);
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
});
<?php if($element['popupInfoWindow']) : ?>
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
<?php endif; ?>
<?php elseif($element['markerAction'] == 'LINK') : ?>
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_polygon, 'click', function() {
<?php if($element['target']) : ?>
window.open('<?php echo $element['url']; ?>','_blank','resizable=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes');
<?php else :?>
window.location.href='<?php echo $element['url']; ?>';
<?php endif; ?>
});
<?php endif; ?>
<?php endif; ?>
<?php break;
case 'RECTANGLE' : ?>
<?php if ($element['bounds'][0] && $element['bounds'][1] && $element['strokeColor'] && $element['strokeOpacity'] && $element['strokeWeight']['value']) : ?>
var gmap<?php echo $element['id']; ?>_rectangle = new google.maps.Rectangle({
bounds: new google.maps.LatLngBounds(
new google.maps.LatLng(<?php echo $element['bounds'][0]; ?>),
new google.maps.LatLng(<?php echo $element['bounds'][1]; ?>)
)
, strokeColor: "#<?php echo $element['strokeColor']; ?>"
, strokeOpacity: <?php echo $element['strokeOpacity']; ?>
, strokeWeight: <?php echo $element['strokeWeight']['value']; ?>
<?php if($element['fillColor'] && $element['fillOpacity']) : ?>
, fillColor: "#<?php echo $element['fillColor']; ?>"
, fillOpacity: <?php echo $element['fillOpacity']; ?>
<?php endif; ?>
<?php if ($element['zIndex']) : ?>
, zIndex: <?php echo $element['zIndex']; ?>
<?php endif; ?>
<?php if ($element['parameter']) : ?>
, <?php echo $element['parameter']; ?>
<?php endif; ?>
});
gmap<?php echo $element['id']; ?>_rectangle.setMap(gmap<?php echo $this->map['id']; ?>);
<?php if($element['markerAction'] == 'INFO') : ?>
var gmap<?php echo $element['id']; ?>_infowindow = new google.maps.InfoWindow({
position: new google.maps.LatLng(<?php echo $element['windowPosition']; ?>),
<?php if ($element['infoWindowAnchor'][0] && $element['infoWindowAnchor'][1]) : ?>
pixelOffset: new google.maps.Size(<?php echo $element['infoWindowAnchor'][0].','.$element['infoWindowAnchor'][1]; ?>),
<?php endif; ?>
content: '<?php echo $element['infoWindow']; ?>'
});
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_rectangle, 'click', function(event) {
gmap<?php echo $element['id']; ?>_infowindow.setPosition(event.latLng);
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
});
<?php if($element['popupInfoWindow']) : ?>
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
<?php endif; ?>
<?php elseif($element['markerAction'] == 'LINK') : ?>
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_rectangle, 'click', function() {
<?php if($element['target']) : ?>
window.open('<?php echo $element['url']; ?>','_blank','resizable=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes');
<?php else :?>
window.location.href='<?php echo $element['url']; ?>';
<?php endif; ?>
});
<?php endif; ?>
<?php endif; ?>
<?php break;
case 'CIRCLE' : ?>
<?php if ($element['singleCoords'] && $element['strokeColor'] && $element['strokeOpacity'] && $element['strokeWeight']['value']) : ?>
var gmap<?php echo $element['id']; ?>_circle = new google.maps.Circle({
center: new google.maps.LatLng(<?php echo $element['singleCoords']; ?>)
, radius: <?php echo $element['radius']['value']; ?>
, strokeColor: "#<?php echo $element['strokeColor']; ?>"
, strokeWeight: <?php echo $element['strokeWeight']['value']; ?>
, strokeOpacity: <?php echo $element['strokeOpacity']; ?>
<?php if($element['fillColor'] && $element['fillOpacity']) : ?>
, fillColor: "#<?php echo $element['fillColor']; ?>"
, fillOpacity: <?php echo $element['fillOpacity']; ?>
<?php endif; ?>
<?php if ($element['zIndex']) : ?>
, zIndex: <?php echo $element['zIndex']; ?>
<?php endif; ?>
<?php if ($element['parameter']) : ?>
, <?php echo $element['parameter']; ?>
<?php endif; ?>
});
gmap<?php echo $element['id']; ?>_circle.setMap(gmap<?php echo $this->map['id']; ?>);
<?php if($element['markerAction'] == 'INFO') : ?>
var gmap<?php echo $element['id']; ?>_infowindow = new google.maps.InfoWindow({
position: new google.maps.LatLng(<?php echo $element['singleCoords']; ?>),
<?php if ($element['infoWindowAnchor'][0] && $element['infoWindowAnchor'][1]) : ?>
pixelOffset: new google.maps.Size(<?php echo $element['infoWindowAnchor'][0].','.$element['infoWindowAnchor'][1]; ?>),
<?php endif; ?>
content: '<?php echo $element['infoWindow']; ?>'
});
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_circle, 'click', function(event) {
gmap<?php echo $element['id']; ?>_infowindow.setPosition(event.latLng);
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
});
<?php if($element['popupInfoWindow']) : ?>
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
<?php endif; ?>
<?php elseif($element['markerAction'] == 'LINK') : ?>
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_circle, 'click', function() {
<?php if($element['target']) : ?>
window.open('<?php echo $element['url']; ?>','_blank','resizable=yes,scrollbars=yes,toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes');
<?php else :?>
window.location.href='<?php echo $element['url']; ?>';
<?php endif; ?>
});
<?php endif; ?>
<?php endif; ?>
<?php break;
case 'INFOWINDOW' : ?>
<?php if ($element['singleCoords'] && $element['infoWindow']) : ?>
var gmap<?php echo $element['id']; ?>_infowindow = new google.maps.InfoWindow({
position: new google.maps.LatLng(<?php echo $element['singleCoords']; ?>)
, content: '<?php echo $element['infoWindow']; ?>'
<?php if ($element['zIndex']) : ?>
, zIndex: <?php echo $element['zIndex']; ?>
<?php endif; ?>
<?php if ($element['parameter']) : ?>
, <?php echo $element['parameter']; ?>
<?php endif; ?>
});
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
<?php endif; ?>
<?php break;
case 'GROUND_OVERLAY' : ?>
<?php if ($element['bounds'][0] && $element['bounds'][1] && $element['overlaySRC']) : ?>
var gmap<?php echo $element['id']; ?>_overlay = new google.maps.GroundOverlay(
"<?php echo $element['overlaySRC']; ?>"
, new google.maps.LatLngBounds(
new google.maps.LatLng(<?php echo $element['bounds'][0]; ?>),
new google.maps.LatLng(<?php echo $element['bounds'][1]; ?>)
)
<?php if ($element['parameter']) : ?>
, <?php echo $element['parameter']; ?>
<?php endif; ?>
);
gmap<?php echo $element['id']; ?>_overlay.setMap(gmap<?php echo $this->map['id']; ?>);
<?php if($element['markerAction'] == 'INFO') : ?>
var gmap<?php echo $element['id']; ?>_infowindow = new google.maps.InfoWindow({
position: new google.maps.LatLng(<?php echo $element['bounds'][2]; ?>),
<?php if ($element['infoWindowAnchor'][0] && $element['infoWindowAnchor'][1]) : ?>
pixelOffset: new google.maps.Size(<?php echo $element['infoWindowAnchor'][0].','.$element['infoWindowAnchor'][1]; ?>),
<?php endif; ?>
content: '<?php echo $element['infoWindow']; ?>'
});
google.maps.event.addListener(gmap<?php echo $element['id']; ?>_overlay, 'click', function(event) {
gmap<?php echo $element['id']; ?>_infowindow.setPosition(event.latLng);
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
});
<?php if($element['popupInfoWindow']) : ?>
gmap<?php echo $element['id']; ?>_infowindow.open(gmap<?php echo $this->map['id']; ?>);
<?php endif; ?>
<?php endif; ?>
<?php endif; ?>
<?php break;
endswitch;
endforeach; ?>
if(window.gmap<?php echo $this->map['id']; ?>_dynmap){
gmap<?php echo $this->map['id']; ?>_dynmap(gmap<?php echo $this->map['id']; ?>);
}
}
window.setTimeout("gmap<?php echo $this->map['id']; ?>_initialize()", 500);
/* ]]> */
</script>
</div>
<!-- indexer::continue -->
Das Ganze ist natürlich vorerst nur eine Pre-Alpha, ungetestet bei anderen Einstellungen.
Wer will, kann natürlich gerne weitermachen :D
Gruß
dhe
Parameterübergabe funtioniert nicht
Hi,
der Eintrag ist zwar schon etwas älter, aber ich habe nichts neueres zu diesem Thema gefunden.
Ich habe nach oben beschriebener Anleitung versucht eine GoogleMaps-Karte, die über die Extension dlh_googlemaps v1.1.2 stable in Contao eingebunden wurde, einzufärben, leider ohne Erfolg.
Ich habe wie beschrieben das Template angepasst und den JSON-Code des Google Maps API v3 Styled Maps in das Feld 'Ergänzende Parameter' eingetragen. Sowohl bei der Karte als auch beim Kartenelement.
Nach dem Einfügen der Parameter verschwindet die Karte aus dem Frontend.
Weiß jemand Rat oder gibt es mittlerweile einen anderen Weg GoogleMaps-Karten die über die Erweiterung dlh_googlemaps in Contao eingebunden werden einzufärben?
UPDATE: Hintergrundfarbe Länder
So wie es aussieht, hat Google seine API verändert. Hat außer mir noch jemand das Problem, dass Grundfarbe der Länder nun grau ist?
Google färbt das über eine eigene Javascript Aktion ein; und zwar per Background-Color in dem Eltern<div> der Google Maps Karte
HTML-Code:
<div class="dlh_googlemap" id="dlh_googlemap_7" style="width: 936px; height: 720px; position: relative; background-color: rgb(229, 227, 223); overflow: hidden;" >
Ändert man den Wert für dieses Element per CSS, wird die Karte nicht mehr geladen, bzw. die Hintergrundfarbe wird nur am Anfang kurz vor dem Darstellen der Karte sichtbar.
Sobald ich was rausgefunden habe, melde ich mich.
Gruß
dhe
PS: was natürlich nicht heißen soll, dass jemand anderes auch auf die Lösung kommen kann/soll/darf/muss :P
UPDATE: Hintergrundfarbe Länder
Hi dhe,
bei meiner eingefärbten Karte, die mit der Erweiterung dlh_googlemap eingebunden ist, kann ich die Hintergrundfarbe anpassen, ohne das Probleme entstehen. Ich habe in meiner CSS-Datei folgendes stehen:
HTML-Code:
#dlh_googlemap_1 {
background:transparent !important;
}
Ich habe es auch mit einer Farbe anstelle von transparent versucht, geht auch. Getestet habe ich es gerade jedoch nur im Firefox 13.
Bei Dir müsste selbstverständlich #dlh_googlemap_7 stehen.
Grüße snoop
P.S. Ich habe die Karte wie unter #8 beschrieben eingefärbt.