Got it worked out now!  Woo hoo.  Thanks again for sending me links,
guys.

In the event that anyone else is looking to do this, I found that
http://gmapuploader.com/ is the easiest online tool to use.

Cheers,

Kelli

On Sep 26, 9:12 pm, kellianderson <[email protected]> wrote:
> 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&amp;v=2&amp;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
-~----------~----~----~----~------~----~------~--~---

Reply via email to