Changer la couleur du background

**BahamasBeach** · 18/10/2012, 15h07

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ...

Merci d'avance

**Bovino** · 18/10/2012, 15h48

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é.

**BahamasBeach** · 18/10/2012, 16h48

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

**NoSmoking** · 20/10/2012, 14h59

Bonjour,

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**BahamasBeach** · 22/10/2012, 09h10

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

Merci à toi

Changer la couleur du background [Google Maps]

APIs Google

Discussions similaires

Partager

Partager