Saskia Barre am 23. Februar 2017 um 13:21 Uhr

2017-02-23T13:21:10Z

Saskia Barre: Die Seite wurde neu angelegt: „Individuelle Designs einer Google Map lassen sich auch in die Google Map Erweiterung für Contao implementieren. Dazu gibt es das Eingabefeld "Ergänzende Dek…“

2017-02-23T13:16:07Z

Die Seite wurde neu angelegt: „Individuelle Designs einer Google Map lassen sich auch in die Google Map Erweiterung für Contao implementieren. Dazu gibt es das Eingabefeld "Ergänzende Dek…“

Neue Seite

Individuelle Designs einer Google Map lassen sich auch in die Google Map Erweiterung für Contao implementieren.

Dazu gibt es das Eingabefeld "Ergänzende Deklarationen" in den Einstellungen jeder Google Karte.

Nachfolgend gibt es Bespiel für eine Karte in Graustufen. Dieser Code ist in das Eingabefeld "Ergänzende Deklarationen" einzutragen.

<pre><nowiki>
// style
var mapStyle = [
{
"featureType": "administrative",
"elementType": "geometry",
"stylers": [
{
"color": "#a7a7a7"
}
]
},
{
"featureType": "administrative",
"elementType": "labels.text.fill",
"stylers": [
{
"visibility": "on"
},
{
"color": "#737373"
}
]
},
{
"featureType": "landscape",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "on"
},
{
"color": "#efefef"
}
]
},
{
"featureType": "landscape.natural",
"elementType": "labels",
"stylers": [
{
"saturation": "0"
}
]
},
{
"featureType": "poi",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "on"
},
{
"color": "#dadada"
}
]
},
{
"featureType": "poi",
"elementType": "labels",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "poi",
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "road",
"elementType": "labels.text.fill",
"stylers": [
{
"color": "#696969"
}
]
},
{
"featureType": "road",
"elementType": "labels.icon",
"stylers": [
{
"visibility": "off"
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#ffffff"
}
]
},
{
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [
{
"visibility": "on"
},
{
"color": "#b3b3b3"
}
]
},
{
"featureType": "road.arterial",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#ffffff"
}
]
},
{
"featureType": "road.arterial",
"elementType": "geometry.stroke",
"stylers": [
{
"color": "#d6d6d6"
}
]
},
{
"featureType": "road.local",
"elementType": "geometry.fill",
"stylers": [
{
"visibility": "on"
},
{
"color": "#ffffff"
},
{
"weight": 1.8
}
]
},
{
"featureType": "road.local",
"elementType": "geometry.stroke",
"stylers": [
{
"color": "#d7d7d7"
}
]
},
{
"featureType": "transit",
"elementType": "all",
"stylers": [
{
"color": "#808080"
},
{
"visibility": "off"
}
]
},
{
"featureType": "water",
"elementType": "geometry.fill",
"stylers": [
{
"color": "#d3d3d3"
}
]
},
{
"featureType": "water",
"elementType": "labels.text",
"stylers": [
{
"color": "#5a5a5a"
}
]
}
];

var styledMap = new google.maps.StyledMapType(mapStyle, {name: "Styled Map"});

gmap{ID}.mapTypes.set('map_style', styledMap);
gmap{ID}.setMapTypeId('map_style');
</nowiki></pre>

'''Wichtig:''' {ID} muss durch die ID der Google Karte ausgetauscht werden. Diese findet man unter anderem, wenn man sich die Details der Google Map anzeigen lässt

[[Category:Tipps_und_Tricks_(Contao)]]

@@ Zeile 199: / Zeile 199: @@
 </nowiki></pre>
-'''Wichtig:''' {ID} muss durch die ID der Google Karte ausgetauscht werden. Diese findet man unter anderem, wenn man sich die Details der Google Map anzeigen lässt
+'''Wichtig:''' {ID} muss durch die ID der Google Karte ausgetauscht werden. Diese findet man unter anderem, wenn man sich die Details der Google Map mit einem Mausklick auf [[Datei:Show.gif]] anzeigen lässt.
 [[Category:Tipps_und_Tricks_(Contao)]]

Google Map Styles in dlh googlemaps - Versionsgeschichte

Saskia Barre am 23. Februar 2017 um 13:21 Uhr

Saskia Barre: Die Seite wurde neu angelegt: „Individuelle Designs einer Google Map lassen sich auch in die Google Map Erweiterung für Contao implementieren. Dazu gibt es das Eingabefeld "Ergänzende Dek…“