http://econym.org.uk/gmap/custommap.htm
On Sep 25, 4:04 pm, 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_2PrjIfhTe8Jd8Zz00CP2otMj7XESo57wx- > 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 -~----------~----~----~----~------~----~------~--~---
