Hi everybody, I am trying to make a custom map with the google maps api. I have read http://mapki.com/wiki/Add_Your_Own_Custom_Map and a lot of other examples
I don't get it at all how to make this work. I have a very big Sky Line photo wich I like to publish with a Google maps interface and tiles etc. Here is the full image http://www.astrovue.com/content/google-maps/dordrecht/Dordrecht-Skyline.jpg (warning 31,6 MB) I made tiles of this image with 17 zoom levels with the script I found onde Mapki website The tiles I made can be found here http://www.astrovue.com/content/google-maps/dordrecht/TILES/ Here is my code (it is not working at all) The URL is http://www.astrovue.com/content/google-maps/dordrecht/test.shtml Maybe someone out there can provide me with the golden tip how I can make this thing work. Thanks in advance Kr, Matthijs <!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"; xmlns:v="urn:schemas- microsoft-com:vml"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"/ > <title>Google Maps</title> <script type="text/javascript" src="http://maps.google.com/maps? file=api&v=2.x&key=bla" type="text/javascript"></script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 800px; height: 600px"> <div class="loading">Loading...</div> </div> <noscript><b>JavaScript must be enabled in order for you to use Google Maps.</b> However, it seems JavaScript is either disabled or not supported by your browser. To view Google Maps, enable JavaScript by changing your browser options, and then try again. </noscript> <script type="text/javascript"> //<![CDATA[ if (GBrowserIsCompatible()) { var map = new GMap(document.getElementById("map")); map.addControl(new GLargeMapControl()); map.enableContinuousZoom(); map.enableScrollWheelZoom(); var copyright = new GCopyright(1, new GLatLngBounds(new GLatLng(51.8, 4.6), new GLatLng(51.3, 5.1)), 10, "www.astrovue.com"); var copyrightCollection = new GCopyrightCollection('Chart'); copyrightCollection.addCopyright(copyright); var tilelayers = [new GTileLayer(copyrightCollection , 2, 17)]; tilelayers[0].getTileUrl = CustomGetTileUrl; function CustomGetTileUrl(a,b){ var f = "http://www.astrovue.com/content/google-maps/ dordrecht/TILES/"+a.x+"_"+a.y+"_"+(17-b)+".jpg"; return f; } var custommap = new GMapType(tilelayers, new GMercatorProjection(18), "Chart", {errorMessage:"No data available"}); map.addMapType(custommap); map.setCenter(new GLatLng(5.5, 4.8), 10, custommap); } else { alert("Sorry, the Google Maps API is not compatible with this browser"); } //]]> </script> </body> </html> --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
