Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    5

    Mappa personalizzata con google map api

    Salve a tutti e complimenti per le guide del vostro sito .
    Quello che vorrei fare e praticamente lo stesso che si puo vedere qui .
    Ho letto diverse guide in inglese per integrare una custom image e penso di aver compreso il funzionamento . Quello che non riesco a capire e :
    • Come posso assegnare marker diversi ?
    • Come posso il contenuto mostaro quando si clicca su un marker ?
    • Si puo cambiare lo stile dell'infowindow ?
    • Come creare la sidebar e fare in modo che quando si clicchi su su un elemento vengano mostrati/nascosti i marker associati ad esso ?

    Ho come l'impressione che il codice sia troppo complesso perche possa riuscire a farlo .
    Grazie .

  2. #2
    E' tutto fattibile.. ti consiglio di partire da https://developers.google.com/maps/d...cript/tutorial e se poi ci sono problemi chiedi pure qua...
    Questa volta, più che un voto.. è favoreggiamento.

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    5
    Ho provato a scrivere un qualcosa di semplice cercando ti caricare le tiles che ho creato con questo script per photoshop . Il problema e che la pagina e vuota , ovvero vengono mostrati solo i comandi di google map . Il codice e questo :
    Codice PHP:
    <!DOCTYPE html>
    <
    html
    <
    head
    <
    meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <
    style type="text/css">
          
    html height100% }
          
    body height100%; margin0pxpadding0px }
          
    #map_canvas { height: 100%; z-index: 0;}
          #gmnoprint {width: auto;}
    </style>
    <
    meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
    <
    title>My Map</title
    <
    script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <script>
    function CustomMapType() {
    }
    CustomMapType.prototype.tileSize = new google.maps.Size(256,256);
    CustomMapType.prototype.maxZoom = 7;
    CustomMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
        var div = ownerDocument.createElement('DIV');
        var baseURL = 'dove ho le tiles';
        baseURL += zoom + '_' + coord.x + '_' + coord.y + '.png';
        div.style.width = this.tileSize.width + 'px';
        div.style.height = this.tileSize.height + 'px';
        div.style.backgroundColor = '#1B2D33';
        div.style.backgroundImage = 'url(' + baseURL + ')';
        return div;
    };
     
    CustomMapType.prototype.name = "Custom";
    CustomMapType.prototype.alt = "Tile Coordinate Map Type";
    var map;
    var CustomMapType = new CustomMapType();
    function initialize() {
      var mapOptions = {
          minZoom: 2,
        maxZoom: 7,
        isPng: true,
          mapTypeControl: false,
          streetViewControl: false,
            center: new google.maps.LatLng(65.07,-56.08),     
          zoom: 3,
        mapTypeControlOptions: {
          mapTypeIds: ['custom', google.maps.MapTypeId.ROADMAP],
          style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        }
      };
    map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
    map.mapTypes.set('custom',CustomMapType);
    map.setMapTypeId('custom');
    }
    </script>
    </head> 
    <body onload="initialize()"> 
    <div id="map_canvas" style="background: #1B2D33;"></div> 
    </body>
    </html> 
    Probabilmente sbaglio qualcosa nel creare le tiles . Mi sapreste aiutare ? Grazie .

  4. #4
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    il codice è la copia dell'esempio di un tutorial tranne un paio di righe, non ho capito cosa vuoi ottenere, vuoi fare qualcosa del genere?
    http://www.maptiler.org/google-maps-...ds-projection/

    se hai problemi con photoshop chiedi di spostare la discussione.

  5. #5
    Utente di HTML.it
    Registrato dal
    Nov 2012
    Messaggi
    5
    Non riuscivo a capire perche non mi ricostruiva l'immagine dalle tiles , ma ora funziona .
    Ora non riesco a comprendere il sistema di coordinate . Vorrei impostare le coordinate 0,0 come il centro della mappa ma andando a modificare quelle nel codice non funziona , l'immagine si trova sempre in un altro posto .
    Grazie per l'eventuale aiuto .

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.