gisplay.pl

Portal geoinformacyjny

...because open source matters

  • Increase font size
  • Default font size
  • Decrease font size
Newsletter | RSS


Przykład 1-mapa Polski (zobacz)

Pierwszy krok, wstawienie mapy na stronę, tutaj ustawiono lokalizację i zoom na obszar Polski. Można to jednak dowolnie zmienić wykonując kilka prostych ruchów.

 

Kod html z javascriptem

  
<!DOCTYPE html "-//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">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859_2"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=true_or_false"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(52.07637, 18.96963), 6);
        map.setUIToDefault();
      }
    }

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

Czerwony - klucz API, indywidualny dla każdej strony do wygenerowania ze strony Googla. Należy wygenerować tutaj, skopiować i wkleić dokładnie w miejsce czerwonej czcionki. 

Zielony - funkcja określająca podstawowe cechy mapy (lokalizacja, wielkość zoom),

  • var map = new GMap2(document.getElementById("map_canvas")); - funkcja przywołująca mapę
  • map.setCenter(new GLatLng(52.07637, 18.96963), 6); - funkcja określająca startową lokalizację i zoom
  • map.setUIToDefault() - funkcja przywołująca interfejs użytkownika (panel zoom, typy map)

Różowy - współrzędne (szerokość, długosć), zoom.

Niebieski - osadzenie mapy na stronie

 

Google Maps

Informacje praktyczne

Logowanie

GIS Support
Profesjonalny Portal Geodetów
Reklama