Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Programmare Google Maps in API

    Mi ritrovo a voler mettere su un sito una mappa che contrassegni 10 scuole della mia provincia con le lettere da A a L, cliccando sulle lettere deve apparire un marker con il nome della scuola, l'indirizzo e i recapiti (tel, fax, mail).

    Sul sito di google maps ho trovato una demo che realizza una mappa quasi come la vorrei, ma non so come modificarla.

    Il codice è questo:

    codice:
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA"
                type="text/javascript"></script>
        <script type="text/javascript">
        function initialize() {
          if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map_canvas"));
            map.setCenter(new GLatLng(37.4419, -122.1419), 13);
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
    
            // Create a base icon for all of our markers that specifies the
            // shadow, icon dimensions, etc.
            var baseIcon = new GIcon();
            baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
            baseIcon.iconSize = new GSize(20, 34);
            baseIcon.shadowSize = new GSize(37, 34);
            baseIcon.iconAnchor = new GPoint(9, 34);
            baseIcon.infoWindowAnchor = new GPoint(9, 2);
            baseIcon.infoShadowAnchor = new GPoint(18, 25);
    
            // Creates a marker whose info window displays the letter corresponding
            // to the given index.
            function createMarker(point, index) {
              // Create a lettered icon for this point using our icon class
              var letter = String.fromCharCode("A".charCodeAt(0) + index);
              var letteredIcon = new GIcon(baseIcon);
              letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
    
              // Set up our GMarkerOptions object
              markerOptions = { icon:letteredIcon };
              var marker = new GMarker(point, markerOptions);
    
              GEvent.addListener(marker, "click", function() {
                marker.openInfoWindowHtml("Marker " + letter + "");
              });
              return marker;
            }
    
            // Add 10 markers to the map at random locations
            var bounds = map.getBounds();
            var southWest = bounds.getSouthWest();
            var northEast = bounds.getNorthEast();
            var lngSpan = northEast.lng() - southWest.lng();
            var latSpan = northEast.lat() - southWest.lat();
            for (var i = 0; i < 10; i++) {
              var latlng = new GLatLng(southWest.lat() + latSpan * Math.random(),
                southWest.lng() + lngSpan * Math.random());
              map.addOverlay(createMarker(latlng, i));
            }
          }
        }
        </script>
    Come devo modificarlo? La mappa ha più punti, ma mi sa ke li assegna random, io invece devo inserire qulacosa come

    A: COORDINATE, MARKER
    B: Coordinate, Marker

    RIngrazia anticipatamente tutti per l'aiuto,

    Grazie.

  2. #2
    Utente di HTML.it L'avatar di natron
    Registrato dal
    Apr 2001
    Messaggi
    129
    A questo indirizzo trovi un mio esempio: CLICCA QUI

    Ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.