Google Map, carte de france

**amoussa** · 01/09/2008, 19h54

Bonjour à tous,

en utilisant google map, j'ai besoin d'un code qui n'affiche que la carte de la France avec la possibilité d'ajouter plusieurs Marker pointés sur des villes en connaissant leur Longitude et latitude.

Quelqu'un peut m'aider?

N.B : Je vous informe que je suis débutant dans les technologies Web.

**Ksual** · 02/09/2008, 17h20

Code :

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=XINSERERXXXXCLEXAPIXXXX"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.addControl(new GMapTypeControl()); // Changer de vue
        map.addControl(new GSmallMapControl()); // Zoom
        map.addControl(new GScaleControl()); // échelle
        map.setCenter(new GLatLng(46.227638, 2.213749), 4); // LatLng et Zoom par défaut
        // Lille
        var marker = new GMarker(new GLatLng(50.663826,3.079948));
        map.addOverlay(marker);
        // Nancy
        var marker = new GMarker(new GLatLng(48.647428,3.47168));
        map.addOverlay(marker);
        // Paris
        var marker = new GMarker(new GLatLng(48.884134,2.367897));
        map.addOverlay(marker);
        // Lyon
        var marker = new GMarker(new GLatLng(45.825928,4.868317));
        map.addOverlay(marker);
        // Dijon
        var marker = new GMarker(new GLatLng(47.355571,5.060921));
        map.addOverlay(marker);
        // Marseille
        var marker = new GMarker(new GLatLng(43.359135,5.416946));
        map.addOverlay(marker);
        // Bordeaux
        var marker = new GMarker(new GLatLng(44.896741,-0.54245));
        map.addOverlay(marker);
        // Toulouse
        var marker = new GMarker(new GLatLng(43.664891,1.476288));
        map.addOverlay(marker);
        // Nantes
        var marker = new GMarker(new GLatLng(47.273639,-1.52298));
        map.addOverlay(marker);
        // Brest
        var marker = new GMarker(new GLatLng(48.446056,-4.453583));
        map.addOverlay(marker);
      }
    }

    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>
</html>

**amoussa** · 30/09/2008, 01h09

SVP, je ferais quoi si je souhaite changer le type de marker "les montgolfières rouges" ?

Merci d'avance

**Ksual** · 08/10/2008, 13h31

http://code.google.com/apis/maps/doc...l#Custom_Icons

Google Map, carte de france

Conception Web

Discussions similaires

Partager

Partager