Instead of using Automatic Tile Cutter, I used and recommended
MapTiler.
Not only it slices the image into tiles and it also generates out a
javascript tiles script to use it.
However, the script is written in v2. You can edit the codes
according:
*v3 tiles 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);
}
Credits:
http://groups.google.com/group/maptiler/browse_thread/thread/ff1fcb260028edbf/8ccb743f86d567c0?lnk=gst&q=v2+to+v3#8ccb743f86d567c0
On Jan 5, 10:50 am, Teo Sheng Yang <[email protected]> wrote:
> I am currently working onGoogleMapsAPIV3over
> here:http://apps.humannetworklabs.com/GoogleMapAPI.html
>
> If you zoom between 21 to 23, there will be an image overlay on the
> map. The image takes too long to load and I have decided to break it
> into differenttilesfor easier loading. I am using Automatic Tile
> Cutter to cut the image intotiles.
>
> I have problems with the script;
>
> var OrgX = 31551; // theGoogleMapsX value of the tile at the top
> left corner of your Photoshop document
> var OrgY = 50899; // theGoogleMapsY value of the tile at the top
> left corner of your Photoshop document
>
> First question - How do you find the values of X and Y from the
> photoshop document?
>
> Let say if I manage to solve the first question.
>
> Second question - Is the below code correct to display thetiles
> depending on the zoom level? Or am I missing any codes?
>
> var BuildingsLayer = newgoogle.maps.ImageMapType({
> getTileUrl: function(coord, zoom) {
> return "http://search.missouristate.edu/map/tilesets/
> baselayer/" + zoom + "_" + coord.x + "_" + coord.y + ".png";
> },
> tileSize: newgoogle.maps.Size(256, 256),
> isPng: true
>
> });
>
> map.overlayMapTypes.push(BuildingsLayer);
>
> I will appreciate any help or reply. Thanks in advance.
--
You received this message because you are subscribed to the Google Groups
"Google Maps JavaScript API v3" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-js-api-v3?hl=en.
