Ist es möglich, mit der neuen Google Maps Javascript API die Farben der Karten zu ändern, um etwas wie dieses zu haben Karte unter dem hellblauen Feld
Antworten
Zu viele Anzeigen?
Gestaltete Karten könnten das sein, wonach Sie suchen,
Es lohnt sich, den Assistenten zuerst zu erwähnen (beachten Sie, dass es in #9 heißen sollte styles no style )
https://mapstyle.withgoogle.com
Dies sind Referenzen:
http://code.google.com/apis/maps/documentation/javascript/reference.html#StyledMapType
http://code.google.com/apis/maps/documentation/javascript/styling.html
In der statischen API gibt es ein Beispiel für eine gestylte Karte http://code.google.com/apis/maps/documentation/staticmaps/#StyledMaps
Die Sättigung und die Helligkeit bestimmen das Aussehen. Weniger gesättigt = weniger Farbe, mehr Helligkeit = weißer
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html, body, #map_canvas { margin: 0; padding: 0; height: 100% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var grayStyles = [
{
featureType: "all",
stylers: [
{ saturation: -90 },
{ lightness: 50 }
]
},
];
var mapOptions = {
center: new google.maps.LatLng(41.325663, 19.8029607),
zoom: 15,
styles: grayStyles,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
function initialize() {
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
</html>
bPratik
Punkte
6736
Eine Möglichkeit wäre, die Karte einzubetten und sie dann mit einem halbtransparenten Bild zu überlagern. Es würde die Farben nicht in Graustufen ändern, aber man kann es ziemlich stark ausblenden. Dann platzieren Sie alle Inhalte mit einem viel höheren z-Index darüber.
Dies ist jedoch nicht ratsam, da die Ladezeiten der Seiten dadurch in die Höhe schießen!
