Changer la couleur du background

Version imprimable

Bonjour à tous,

Je sais que ma question va vous paraitre simpliste, mais je trouve pas le bon code pour changer le fond de mon google map ...

Voici mon code actuel javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 <script type="text/javascript"> var myLatlng = new google.maps.LatLng(47.3046984, -2.3884749); function initialize() { map = new google.maps.Map(document.getElementById("map_canvas"), { zoom: 19, backgroundColor:'#606060', center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP }); } </script>
Pourtant j'ai l'impression que mon code est bon mais cela ne me change pas cette couleur verte ...

http://img15.hostingpics.net/pics/996348Sanstitre4.png

Merci d'avance :)

18/10/2012, 15h48
Bovino

Les cartes Google, ce sont des successions d'images, il n'y a aucune couleur de fond là-dedans !
Le vert fait partie de l'image et ne peut être modifié.
18/10/2012, 16h48
BahamasBeach

Merci de ta réponse, je pensais que c'étais possible .. :mur:

Bonjour,

Citation:

Envoyé par Bovino

Le vert fait partie de l'image et ne peut être modifié.

un certain nombre de choses peuvent être modifiées, donnant des fois lieu à des beurk, en utilisant l'option styles des map.

exemple

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[Guerande sous l'eau]</title>
<style>
</style>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
</head>
<body>
<div id="map_canvas" style="height:500px;width:500px;"></div>
<script type="text/javascript">
var newStyle = [{
  "featureType": "poi.park",
  "elementType": "geometry.fill",
  "stylers": [{
    "color": "#89ABCD"
  }]
}];
 
var oMap = new google.maps.Map(document.getElementById("map_canvas"), {
    'zoom': 16,
    'backgroundColor':'#606060',
    'center': new google.maps.LatLng(47.3046984, -2.3884749),
    'mapTypeId': google.maps.MapTypeId.ROADMAP
  });
  // affectation du style
  oMap.setOptions({'styles': newStyle});
 </script>
</body>
</html>

Toutes les informations sont disponibles dans la documentation de l'API, et pour plus d'informations concrètes il y a Styled Maps

22/10/2012, 09h10
BahamasBeach

J'avais bien vu que l'on pouvait modifier le background !! :)

Merci à toi ;)