Wow, thanks so much for all of the information!!! I have been tinkering with maptiler.org (thanks!) and Gmap Uploader.
I have gotten fairly far along with Gmap. Just one question left: http://kellianderson.com/map.html If you zoom out, you'll see that my image is bordered with a white box. I want to have a seamless transition from the blue in my image to the blue background of the webpage. Is there perhaps a way to set boundaries in order to essentially crop-out and hide the white part? I have been researching "GLatLngbounds" but in my tests, it has not cropped out the white…so perhaps I am thinking of this tool in the wrong way. Please let me know if you have any insight and manny thanks again! Gratefully, Kelli On Sep 26, 8:17 am, webbirder <[email protected]> wrote: > Creating a custom Google map is advanced stuff. First of all you need > to know the basics of creating a Google > maphttp://code.google.com/intl/no/apis/maps/documentation/introduction.html > Then the links above are very helpfull, but you should also be > familiar with overlay > basicshttp://code.google.com/intl/no/apis/maps/documentation/overlays.html > > Then, how do you prepare your image to present it on a map? Not much > help to be found by a search. Like the thread starter I found > Automatic Tile Cutter. But I did not like what I saw. My favourite is > the MapTiler softwarehttp://www.maptiler.org/ > You may need help to determin coordinates. This is > helpfulhttp://gmaps-samples.googlecode.com/svn/trunk/groundoverlay/groundove... > > Also to be said is that you may be satisfied with a groundoverlay > instead of a custom map. It may be distorted, but not to be noticed at > a high zoom level > > On Sep 26, 1:04 am, kellianderson <[email protected]> wrote: > > > > > Hi all, > > > I am new to working with Google Maps (barring what I've learned the > > last few days.) > > > I am trying to create a google maps portfolio, something like > > this:http://www.blaubo.com/ > > > I am using these two tutorials: > > Automatic Tile Cutter:http://mapki.com/index.php?title=Automatic_Tile_Cutter > > Create Your own Custom Google Map: > > http://mapki.com/wiki/Add_Your_Own_Custom_Map > > > The Automatic Tile Cutter worked like a charm! (My Highest Zoom Level > > = 17 and the Lowest Zoom Level = 12 -------- Org X = 2503 --------Org > > Y= 3667------------OrgZoomLevel = 13.) > > > The tiles look great. All 1500 jpgs are here: > > http://kellianderson.com/assets/images/map/ > > > ------ > > > Anyway, so I had no problem with the Photoshop bit of it. However, > > I've been stuck for a full day now on the next step. > > > Following this,http://mapki.com/wiki/Add_Your_Own_Custom_Map > > I gather that the next step is to make an html page with the JS pasted > > in, which will call the tiled images. However, my html page is > > totally blank. Nothing gets called (no "missing" tile code or > > anything. It doesn't even know that it is supposed to be a Google > > Map. : ( > > > ----- > > > Here is my html code. Can someone point me in the right direction? I > > registered my website with Google to get that permission-to-use Gmaps > > Key. That is all I have figured out. Do I need to register something > > else with them or upload my tiles to their site? > > > <!DOCTYPE html PUBLIC "-//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> > > > <title>Kelli Anderson/title> > > <style type="text/css" media="screen"> > > <!-- > > html,body{ > > height: 100%; > > margin: 0;} > > > div#map{ > > height: 100%; > > margin: 0; > > > } > > > --> > > </style> > > <script src="http://maps.google.com/maps? > > file=api&v=2&key=ABQIAAAAgxuokvxY8ZOQuj_2PrjIfhTe8Jd8Zz00CP2otMj7XE > > So57wx- > > xQLFgBzQOCv8IYAv02Fbn3JFwsj9A" type="text/javascript"></script> > > > </head> > > > <div id="map"></div> > > <script type="text/javascript"> > > //<![CDATA[ > > > var copyCollection = new GCopyrightCollection('Chart'); > > var copyright = new GCopyright(1, new GLatLngBounds(new GLatLng(-90, > > -180), new GLatLng(90, 180)), 0, ""); > > copyCollection.addCopyright(copyright); > > > var tilelayers = [new GTileLayer(copyCollection, 12, 17)]; > > tilelayers[0].getTileUrl = CustomGetTileUrl; > > > function CustomGetTileUrl(a,b) { > > var z = 17 - b; > > var f = "http://www.kellianderson.com/assets/images/map/?x="+a.x > > +"&y="+a.y+"&zoom="+z; > > return f; > > > } > > > var custommap = new GMapType(tilelayers, new GMercatorProjection(6), > > "Chart", {errorMessage:"No chart data available"}); > > map.addMapType(custommap); > > > //]]> > > </script> > > </body> > > </html> > > > -------- > > > Many many thanks! I'm really excited about the possibilities here… > > > Kelli --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google Maps API" 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-api?hl=en -~----------~----~----~----~------~----~------~--~---
