Google Maps API V3 – Custom Piastrelle

Attualmente sto lavorando in Google Maps API V3 oltre qui

Se si zoom tra il 21 e il 23, ci sarà una sovrapposizione di immagini su una mappa. L’immagine richiede troppo tempo per caricare e ho deciso di spezzarlo in diverse tessere per facilitare il caricamento. Sto usando Automatico Tile Cutter per tagliare l’immagine in piastrelle.

Ho problemi con lo script;

    var OrgX = 31551;   //the Google Maps X value of the tile at the top left corner of your Photoshop document 
    var OrgY = 50899;   //the Google Maps Y value of the tile at the top left corner of your Photoshop document

Prima domanda Come si fa a trovare i valori di X e Y dal documento di photoshop?

Diciamo se riesco a risolvere la prima questione.

Seconda domanda È sotto il codice corretto per visualizzare le piastrelle a seconda del livello di zoom? O mi sto perdendo tutti i codici?

var BuildingsLayer = new google.maps.ImageMapType({
    getTileUrl: function(coord, zoom) {
        return "http://search.missouristate.edu/map/tilesets/baselayer/" + zoom + "_" + coord.x + "_" + coord.y + ".png";
    },
    tileSize: new google.maps.Size(256, 256),
    isPng: true
});

map.overlayMapTypes.push(BuildingsLayer);

OriginaleL’autore silverbtf | 2011-01-04

One Reply
  1. 10

    Invece di usare Automatico tagliapiastrelle, ho usato e raccomandato MapTiler.
    Non solo fette l’immagine in piastrelle e genera anche un javascript piastrelle script da utilizzare.

    Tuttavia, lo script è scritto in v2. È possibile modificare i codici secondo:

    v3 piastrelle script

    var maptiler = new google.maps.ImageMapType({ 
      getTileUrl: function(coord, zoom) { 
    return zoom + "/" + coord.x + "/" + (Math.pow(2,zoom)-coord.y-1) + ".png"; 
    }, 
      tileSize: new google.maps.Size(256, 256), 
      isPng: true 
    }); 
    
    var map; 
    
    function initialize() { 
     map = new google.maps.Map(document.getElementById("map_canvas")); 
     map.setCenter(new google.maps.LatLng(36.07, -112.19)); 
     map.setZoom(11); 
     map.setMapTypeId('satellite'); 
     map.overlayMapTypes.insertAt(0, maptiler); 
    }
    

    Crediti

    L’ultima versione di MapTiler, disponibile su: maptiler.com supporta Google Maps V3 automaticamente. Non c’è bisogno di modifiche nel codice JavaScript più.
    maptiler aggiunge in ogni immagine ‘maptiler’, molto fastidioso, e rovina l’immagine per me. Consigliamo di scaricare il tool da riga di comando GDAL, invece.

    OriginaleL’autore

Lascia un commento