Embed Google Map to Your WebYOU NEED IT ALL - Database Driven Websites development and E-commerce.Search engine marketing and SEO, Preview before visit system PBV,Web templates customizing,CMS developet in syracuse,508 guidelineshttp://youneeditall.com/google-map-embeded.feed2010-09-09T04:20:23ZJoomla! 1.5 - Open Source Content ManagementInteractive Area Maps Embed to Website2009-03-10T03:52:58Z2009-03-10T03:52:58Zhttp://youneeditall.com/google-map-embeded/embed-google-map.htmlNikolay Gulweb@youneeditall.com<style type="text/css">
<!--
.style1 {
font-weight: bold
}
-->
</style>
<style type="text/css">
<!--
.style1 {
color: #660000;
font-weight: bold;
}
-->
</style>
<body bgcolor="#FFFFFF">
<h3 align="left" class="style1">Interactive Area Maps Based on Google Map API, Yahoo map API and Flash Stand alone area maps.</h3>
<h4 align="left"><strong>For more sample of Google Map API embedded to website</strong> and to google map tutorials visit: <a href="http://www.youneeditall.com/google-map-embeded.html" target="_blank">How to embed Google Map to your site?</a></h4>
<table width="625" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><div align="left">
<!--<img src="http://www.youneeditall.com/images/maps/canal-map-page.jpg" alt="interactive area map embeded to website" width="300" height="284" hspace="10" vspace="5" border="0" align="left" /><br />-->
<h4 align="left" class="style1">Embedding a map into a website or blog</h4>
<strong><img src="http://www.youneeditall.com/images/maps/google-map-with-AJAX-Tab-sm.jpg" alt="map info box options" width="300" height="301" hspace="10" vspace="5" align="left" /></strong></div></td>
<td><p align="left"><strong>New York State's Contemporary Canal System Educator's Guide interactive Area Map with Directions</strong> - created for WCNY</p>
<p align="left"><strong>Preview Canal System Map </strong><a href="http://www.wcny.org/nyscanalsystem/map.php" target="_blank">here</a><br />
<br />
</p>
<p align="left"><a href="http://www.youneeditall.com/nyscanalsystem/map2.php" target="_blank">Preview example with </a>multiple tabs. If you zoom very close to first marker above WCNY we will see – info box with several tabs<br />
Also it show how markers and polylines might be used. It is possible to write and draw any letters and shapes on Google map. Google map developer might use static or animated images such as jpg,png,and gif as map markers<br />
</p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/google-map-with-flash-video.jpg" alt="google map with flash video palayer embedded" width="300" height="270" hspace="10" vspace="5" /></td>
<td><p> Preview Google map with custom flash video player embedded inside map info box <a href="http://www.youneeditall.com/nyscanalsystem/map.html" target="_blank">here</a></p></td>
</tr>
<tr>
<td><strong><img src="http://www.youneeditall.com/images/maps/university-circle-map.jpg" alt="Sample for Yahoo Map API embedded to website" width="300" height="264" hspace="10" vspace="5" align="left" /></strong></td>
<td><p align="left"><strong>Sample for Yahoo Map API embedded to web site </strong><a href="http://www.universitycircle.org/interactive.aspx" target="_blank">preview here</a></p></td>
</tr>
<tr>
<td><strong><img src="http://www.youneeditall.com/images/maps/downtown-syracuse-map.jpg" alt="map info box options" width="300" height="264" hspace="10" vspace="5" align="left" /></strong></td>
<td><p><strong>Downtown Syracuse Map <a href="http://downtownsyracuse.com/map" target="_blank">preview</a></strong><a href="http://downtownsyracuse.com/map"> it here</a></p></td>
</tr>
<tr>
<td><strong><img src="http://www.youneeditall.com/images/maps/connective-corridor-300.jpg" alt="Connective Corridor on Syracuse NY" width="300" height="264" hspace="10" vspace="5" align="left" /></strong></td>
<td><strong>The Connective Corridor in Syracuse Interactive Map <a href="http://connectivecorridor.syr.edu/corridor-venues/corridor-map/" target="_blank">preview it here</a><br />
</strong></td>
</tr>
<tr>
<td><strong><img src="http://www.youneeditall.com/images/maps/cleveland-sity-interactive-.jpg" alt="Connective Corridor on Syracuse NY" width="300" height="264" hspace="10" vspace="5" align="left" /></strong></td>
<td><p><strong>Cleveland City Living - Interactive Map</strong> <a href="http://www.clevelandcityliving.com/map/ccl_map.php" target="_blank">preview here</a></p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/purdue-university-map.jpg" alt="purdue university map" width="300" height="264" hspace="10" vspace="5" /></td>
<td><p><strong>Purdue University Campus Map</strong> <a href="http://www.purdue.edu/campus_map/" target="_blank">preview here</a></p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/odessa city interactive map.JPG" alt="odessa city interactive map" width="300" height="200" hspace="10" vspace="5" /></td>
<td><strong>Odessa City interactive map:</strong> <a href="http://www.odessa360.net/" target="_blank"><br />
Flash map, Java map online panorama overview</a></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/new mexico stories.jpg" alt="New Mexico Stories interactive map" width="300" height="250" hspace="10" vspace="5" /></td>
<td><p><strong>New Mexico Stories Interactive Map.</strong><br />
A community site that encourages residents and New Mexico visitors to share their stories and experiences in the state. Some of the photographs and images that appear are from museums and cultural institutions. <a href="http://newmexicostories.org/" target="_blank">Preview map here</a></p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/google map mashup with selected zonez.JPG" alt="Google My Maps Mashup: DC Taxi Zones" width="300" height="240" hspace="10" vspace="5" /></td>
<td><p><strong>Google My Maps Mashup: DC Taxi Zones: </strong><a href="http://maps.google.com/maps/ms?ie=UTF8&hl=en&amp;amp;om=1&z=11&msid=104406116933360209099.00000111de784d41adc80&msa=0" target="_blank">view here</a><br />
</p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/us presidential birthplaces.jpg" alt="US Presidents and their spouse(s) - Their Birth Places on Google Maps" width="300" height="250" hspace="10" vspace="5" /></td>
<td><p><strong>US Presidents and their spouse(s) - Their Birth Places on Google Maps.</strong></p>
<p><strong> For history buffs and school kids, a mashup showing where presidents/first ladies were born. From George Washington through Barack Obama. </strong></p>
<p><strong><br />
</strong>Preview <a href="http://www.mibazaar.com/ushistory/" target="_blank">birth places map here</a><br />
</p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/Geometry-Controls-Example.jpg" alt="MyMaps GeometryControls Example " width="300" height="264" hspace="10" vspace="5" /></td>
<td><strong>Google Maps:<br />
My Maps Geometry Controls Example</strong><a href="http://gmaps-utility-library-dev.googlecode.com/svn/trunk/geometrycontrols/examples/test.html" target="_blank"> preview here.</a></td>
</tr>
<tr>
<td> </td>
<td><strong>How was Build NY Subway System Online Interactive Map <a href="http://vgmap.eyebeamresearch.org/" target="_blank">find our here</a></strong></td>
</tr>
<tr>
<td colspan="2"><h4 align="left"> </h4>
<h4 align="left"><strong>Examples of using Google Maps - Google Maps Mashups</strong></h4>
<p align="left"><a href="http://googlemapsmania.blogspot.com/" target="_blank">http://googlemapsmania.blogspot.com/</a></p>
<p align="left"><a href="http://www.2itch.com/" target="_blank">http://www.2itch.com/</a></p>
<!-- <p align="left"><a href="http://www.thundertech.com/flash.asp#clients_full" target="_blank">http://www.thundertech.com/flash.asp#clients_full</a></p>
<p align="left"><a href="http://www.thundertech.com/flash.asp#portfolio" target="_blank">http://www.thundertech.com/flash.asp#portfolio</a></p>-->
<p><a href="http://www.programmableweb.com/api/google-maps/mashups" target="_blank">http://www.programmableweb.com/api/google-maps/mashups</a></p>
<p><a href="http://koti.mbnet.fi/ojalesa/exam/index.html" target="_blank">Google Maps API Examples and Test Pages</a></p>
<p><a href="http://esa.ilmari.googlepages.com/hidecontrols.htm" target="_blank">Hiding Google Map controls when not needed</a> </p>
<p><a href="http://www.youneeditall.com/google-map-api/my%20custom%20map1.html" target="_blank">Simple custom marker</a></p>
<p><a href="http://code.google.com/apis/maps/documentation/demogallery.html" target="_blank">Official Google Maps API Demo Gallery</a></p>
<p><a href="http://wolfpil.googlepages.com/index.html" target="_blank">Customizing GMaps</a></p>
<p><a href="http://code.google.com/apis/maps/documentation/examples/index.html" target="_blank">Google Maps API Examples</a></p>
<p><a href="http://code.google.com/apis/maps/documentation/examples/groundoverlay-simple.html">Overlaying Images on the Map</a></p>
<p><a href="http://maps.mcslp.com" target="_blank">MCslp Map Works</a></p>
<p>http://econym.org.uk/gmap/egeoxml.htm</p>
<p><a href="http://econym.googlepages.com/example_maptips4.htm" target="_blank">Mouseover tooltip</a></p>
<p><a href="http://www.archill.net/reizen/kaart.php" target="_blank">Mouseover tooltip 2<br />
<br />
</a></p>
<p align="left"><strong>Detailed Google Map Zoom</strong></p>
<p align="left"><a href="http://gmaps-utility-library.googlecode.com/svn/trunk/snaptoroute/1.0/examples/detailzoom.html" target="_blank">http://gmaps-utility-library.googlecode.com/svn/trunk/snaptoroute/1.0/examples/detailzoom.html</a><br />
<br />
</p>
<p align="left"><strong>Map explorer with scroll- down selection.</strong></p>
<p align="left"><a href="http://code.google.com/p/mymapexplorer/" target="_blank">http://code.google.com/p/mymapexplorer/</a></p>
<p align="left"><a href="http://johnbeales.com/demos/mtw/" target="_blank">http://johnbeales.com/demos/mtw/</a></p>
<p align="left"><a href="http://channel9.msdn.com/posts/keydet/JavaScript-Intellisense-for-the-Virtual-Earth-Map-Control/" target="_blank">http://channel9.msdn.com/posts/keydet/JavaScript-Intellisense-for-the-Virtual-Earth-Map-Control/</a><br />
</p>
<p align="left"><strong>Google map API:</strong></p>
<p><a href="http://code.google.com/apis/maps/documentation/reference.html" target="_blank">Google Maps API Reference</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/index.html" target="_blank">Google code map examples</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/overlays.html" target="_blank">Overlays</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/icon-custom.html" target="_blank">Google map custom icons</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/polylineutility.html" target="_blank">Polyline Utility</a><br />
<br />
</p>
<p align="left"><strong>Ground overlay sample</strong></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/groundoverlay-simple.html" target="_blank">http://code.google.com/apis/maps/documentation/examples/groundoverlay-simple.html</a><br />
<br />
</p>
<p align="left"><strong>Advanced Map Overlay</strong></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/tile-detector.html" target="_blank">http://code.google.com/apis/maps/documentation/examples/tile-detector.html</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/layer-simple.html" target="_blank">http://code.google.com/apis/maps/documentation/examples/layer-simple.html</a><br />
<br />
</p>
<p align="left"><strong>Google Map Tools and Google map Tutorials.</strong></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/polylineutility.html" target="_blank">http://code.google.com/apis/maps/documentation/polylineutility.html</a></p>
<p align="left"><a href="http://code.google.com/apis/ajax/playground/?exp=maps#map_simple" target="_blank">http://code.google.com/apis/ajax/playground/?exp=maps#map_simple</a></p>
<p align="left"><a href="http://gmaps-utility-library.googlecode.com/svn/trunk/dragzoom/1.3/examples/dragzoomoptions_packed.html" target="_blank">gmaps-utility-library.googlecode.com</a></p>
<p align="left"><a href="http://econym.org.uk/gmap/egeoxml.htm" target="_blank">http://econym.org.uk/gmap/egeoxml.htm</a></p></td>
</tr>
<tr>
<td><p align="left"><strong>If you looking for custom marker for your Google Map use Marker Icon Options:</strong></p>
<p align="left"><a href="http://gmaps-utility-library-dev.googlecode.com/svn/trunk/mapiconmaker/examples/markericonoptions-wizard.html" target="_blank"> Wizard</a><br />http://gmaps-utility-library-dev.googlecode.com/svn/trunk/
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<script type="text/javascript" src="http://shots.snap.com/ss/0d749e9bfd9f73fa0b55115d7dcc07d5/snap_shots.js"></script><style type="text/css">
<!--
.style1 {
font-weight: bold
}
-->
</style>
<style type="text/css">
<!--
.style1 {
color: #660000;
font-weight: bold;
}
-->
</style>
<body bgcolor="#FFFFFF">
<h3 align="left" class="style1">Interactive Area Maps Based on Google Map API, Yahoo map API and Flash Stand alone area maps.</h3>
<h4 align="left"><strong>For more sample of Google Map API embedded to website</strong> and to google map tutorials visit: <a href="http://www.youneeditall.com/google-map-embeded.html" target="_blank">How to embed Google Map to your site?</a></h4>
<table width="625" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><div align="left">
<!--<img src="http://www.youneeditall.com/images/maps/canal-map-page.jpg" alt="interactive area map embeded to website" width="300" height="284" hspace="10" vspace="5" border="0" align="left" /><br />-->
<h4 align="left" class="style1">Embedding a map into a website or blog</h4>
<strong><img src="http://www.youneeditall.com/images/maps/google-map-with-AJAX-Tab-sm.jpg" alt="map info box options" width="300" height="301" hspace="10" vspace="5" align="left" /></strong></div></td>
<td><p align="left"><strong>New York State's Contemporary Canal System Educator's Guide interactive Area Map with Directions</strong> - created for WCNY</p>
<p align="left"><strong>Preview Canal System Map </strong><a href="http://www.wcny.org/nyscanalsystem/map.php" target="_blank">here</a><br />
<br />
</p>
<p align="left"><a href="http://www.youneeditall.com/nyscanalsystem/map2.php" target="_blank">Preview example with </a>multiple tabs. If you zoom very close to first marker above WCNY we will see – info box with several tabs<br />
Also it show how markers and polylines might be used. It is possible to write and draw any letters and shapes on Google map. Google map developer might use static or animated images such as jpg,png,and gif as map markers<br />
</p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/google-map-with-flash-video.jpg" alt="google map with flash video palayer embedded" width="300" height="270" hspace="10" vspace="5" /></td>
<td><p> Preview Google map with custom flash video player embedded inside map info box <a href="http://www.youneeditall.com/nyscanalsystem/map.html" target="_blank">here</a></p></td>
</tr>
<tr>
<td><strong><img src="http://www.youneeditall.com/images/maps/university-circle-map.jpg" alt="Sample for Yahoo Map API embedded to website" width="300" height="264" hspace="10" vspace="5" align="left" /></strong></td>
<td><p align="left"><strong>Sample for Yahoo Map API embedded to web site </strong><a href="http://www.universitycircle.org/interactive.aspx" target="_blank">preview here</a></p></td>
</tr>
<tr>
<td><strong><img src="http://www.youneeditall.com/images/maps/downtown-syracuse-map.jpg" alt="map info box options" width="300" height="264" hspace="10" vspace="5" align="left" /></strong></td>
<td><p><strong>Downtown Syracuse Map <a href="http://downtownsyracuse.com/map" target="_blank">preview</a></strong><a href="http://downtownsyracuse.com/map"> it here</a></p></td>
</tr>
<tr>
<td><strong><img src="http://www.youneeditall.com/images/maps/connective-corridor-300.jpg" alt="Connective Corridor on Syracuse NY" width="300" height="264" hspace="10" vspace="5" align="left" /></strong></td>
<td><strong>The Connective Corridor in Syracuse Interactive Map <a href="http://connectivecorridor.syr.edu/corridor-venues/corridor-map/" target="_blank">preview it here</a><br />
</strong></td>
</tr>
<tr>
<td><strong><img src="http://www.youneeditall.com/images/maps/cleveland-sity-interactive-.jpg" alt="Connective Corridor on Syracuse NY" width="300" height="264" hspace="10" vspace="5" align="left" /></strong></td>
<td><p><strong>Cleveland City Living - Interactive Map</strong> <a href="http://www.clevelandcityliving.com/map/ccl_map.php" target="_blank">preview here</a></p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/purdue-university-map.jpg" alt="purdue university map" width="300" height="264" hspace="10" vspace="5" /></td>
<td><p><strong>Purdue University Campus Map</strong> <a href="http://www.purdue.edu/campus_map/" target="_blank">preview here</a></p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/odessa city interactive map.JPG" alt="odessa city interactive map" width="300" height="200" hspace="10" vspace="5" /></td>
<td><strong>Odessa City interactive map:</strong> <a href="http://www.odessa360.net/" target="_blank"><br />
Flash map, Java map online panorama overview</a></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/new mexico stories.jpg" alt="New Mexico Stories interactive map" width="300" height="250" hspace="10" vspace="5" /></td>
<td><p><strong>New Mexico Stories Interactive Map.</strong><br />
A community site that encourages residents and New Mexico visitors to share their stories and experiences in the state. Some of the photographs and images that appear are from museums and cultural institutions. <a href="http://newmexicostories.org/" target="_blank">Preview map here</a></p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/google map mashup with selected zonez.JPG" alt="Google My Maps Mashup: DC Taxi Zones" width="300" height="240" hspace="10" vspace="5" /></td>
<td><p><strong>Google My Maps Mashup: DC Taxi Zones: </strong><a href="http://maps.google.com/maps/ms?ie=UTF8&hl=en&amp;amp;om=1&z=11&msid=104406116933360209099.00000111de784d41adc80&msa=0" target="_blank">view here</a><br />
</p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/us presidential birthplaces.jpg" alt="US Presidents and their spouse(s) - Their Birth Places on Google Maps" width="300" height="250" hspace="10" vspace="5" /></td>
<td><p><strong>US Presidents and their spouse(s) - Their Birth Places on Google Maps.</strong></p>
<p><strong> For history buffs and school kids, a mashup showing where presidents/first ladies were born. From George Washington through Barack Obama. </strong></p>
<p><strong><br />
</strong>Preview <a href="http://www.mibazaar.com/ushistory/" target="_blank">birth places map here</a><br />
</p></td>
</tr>
<tr>
<td><img src="http://www.youneeditall.com/images/maps/Geometry-Controls-Example.jpg" alt="MyMaps GeometryControls Example " width="300" height="264" hspace="10" vspace="5" /></td>
<td><strong>Google Maps:<br />
My Maps Geometry Controls Example</strong><a href="http://gmaps-utility-library-dev.googlecode.com/svn/trunk/geometrycontrols/examples/test.html" target="_blank"> preview here.</a></td>
</tr>
<tr>
<td> </td>
<td><strong>How was Build NY Subway System Online Interactive Map <a href="http://vgmap.eyebeamresearch.org/" target="_blank">find our here</a></strong></td>
</tr>
<tr>
<td colspan="2"><h4 align="left"> </h4>
<h4 align="left"><strong>Examples of using Google Maps - Google Maps Mashups</strong></h4>
<p align="left"><a href="http://googlemapsmania.blogspot.com/" target="_blank">http://googlemapsmania.blogspot.com/</a></p>
<p align="left"><a href="http://www.2itch.com/" target="_blank">http://www.2itch.com/</a></p>
<!-- <p align="left"><a href="http://www.thundertech.com/flash.asp#clients_full" target="_blank">http://www.thundertech.com/flash.asp#clients_full</a></p>
<p align="left"><a href="http://www.thundertech.com/flash.asp#portfolio" target="_blank">http://www.thundertech.com/flash.asp#portfolio</a></p>-->
<p><a href="http://www.programmableweb.com/api/google-maps/mashups" target="_blank">http://www.programmableweb.com/api/google-maps/mashups</a></p>
<p><a href="http://koti.mbnet.fi/ojalesa/exam/index.html" target="_blank">Google Maps API Examples and Test Pages</a></p>
<p><a href="http://esa.ilmari.googlepages.com/hidecontrols.htm" target="_blank">Hiding Google Map controls when not needed</a> </p>
<p><a href="http://www.youneeditall.com/google-map-api/my%20custom%20map1.html" target="_blank">Simple custom marker</a></p>
<p><a href="http://code.google.com/apis/maps/documentation/demogallery.html" target="_blank">Official Google Maps API Demo Gallery</a></p>
<p><a href="http://wolfpil.googlepages.com/index.html" target="_blank">Customizing GMaps</a></p>
<p><a href="http://code.google.com/apis/maps/documentation/examples/index.html" target="_blank">Google Maps API Examples</a></p>
<p><a href="http://code.google.com/apis/maps/documentation/examples/groundoverlay-simple.html">Overlaying Images on the Map</a></p>
<p><a href="http://maps.mcslp.com" target="_blank">MCslp Map Works</a></p>
<p>http://econym.org.uk/gmap/egeoxml.htm</p>
<p><a href="http://econym.googlepages.com/example_maptips4.htm" target="_blank">Mouseover tooltip</a></p>
<p><a href="http://www.archill.net/reizen/kaart.php" target="_blank">Mouseover tooltip 2<br />
<br />
</a></p>
<p align="left"><strong>Detailed Google Map Zoom</strong></p>
<p align="left"><a href="http://gmaps-utility-library.googlecode.com/svn/trunk/snaptoroute/1.0/examples/detailzoom.html" target="_blank">http://gmaps-utility-library.googlecode.com/svn/trunk/snaptoroute/1.0/examples/detailzoom.html</a><br />
<br />
</p>
<p align="left"><strong>Map explorer with scroll- down selection.</strong></p>
<p align="left"><a href="http://code.google.com/p/mymapexplorer/" target="_blank">http://code.google.com/p/mymapexplorer/</a></p>
<p align="left"><a href="http://johnbeales.com/demos/mtw/" target="_blank">http://johnbeales.com/demos/mtw/</a></p>
<p align="left"><a href="http://channel9.msdn.com/posts/keydet/JavaScript-Intellisense-for-the-Virtual-Earth-Map-Control/" target="_blank">http://channel9.msdn.com/posts/keydet/JavaScript-Intellisense-for-the-Virtual-Earth-Map-Control/</a><br />
</p>
<p align="left"><strong>Google map API:</strong></p>
<p><a href="http://code.google.com/apis/maps/documentation/reference.html" target="_blank">Google Maps API Reference</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/index.html" target="_blank">Google code map examples</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/overlays.html" target="_blank">Overlays</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/icon-custom.html" target="_blank">Google map custom icons</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/polylineutility.html" target="_blank">Polyline Utility</a><br />
<br />
</p>
<p align="left"><strong>Ground overlay sample</strong></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/groundoverlay-simple.html" target="_blank">http://code.google.com/apis/maps/documentation/examples/groundoverlay-simple.html</a><br />
<br />
</p>
<p align="left"><strong>Advanced Map Overlay</strong></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/tile-detector.html" target="_blank">http://code.google.com/apis/maps/documentation/examples/tile-detector.html</a></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/examples/layer-simple.html" target="_blank">http://code.google.com/apis/maps/documentation/examples/layer-simple.html</a><br />
<br />
</p>
<p align="left"><strong>Google Map Tools and Google map Tutorials.</strong></p>
<p align="left"><a href="http://code.google.com/apis/maps/documentation/polylineutility.html" target="_blank">http://code.google.com/apis/maps/documentation/polylineutility.html</a></p>
<p align="left"><a href="http://code.google.com/apis/ajax/playground/?exp=maps#map_simple" target="_blank">http://code.google.com/apis/ajax/playground/?exp=maps#map_simple</a></p>
<p align="left"><a href="http://gmaps-utility-library.googlecode.com/svn/trunk/dragzoom/1.3/examples/dragzoomoptions_packed.html" target="_blank">gmaps-utility-library.googlecode.com</a></p>
<p align="left"><a href="http://econym.org.uk/gmap/egeoxml.htm" target="_blank">http://econym.org.uk/gmap/egeoxml.htm</a></p></td>
</tr>
<tr>
<td><p align="left"><strong>If you looking for custom marker for your Google Map use Marker Icon Options:</strong></p>
<p align="left"><a href="http://gmaps-utility-library-dev.googlecode.com/svn/trunk/mapiconmaker/examples/markericonoptions-wizard.html" target="_blank"> Wizard</a><br />http://gmaps-utility-library-dev.googlecode.com/svn/trunk/
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<script type="text/javascript" src="http://shots.snap.com/ss/0d749e9bfd9f73fa0b55115d7dcc07d5/snap_shots.js"></script>Google Map Video Tutorial2008-06-03T06:23:59Z2008-06-03T06:23:59Zhttp://youneeditall.com/google-map-embeded/google-map-tutorial.htmlNikolay Gulweb@youneeditall.com<b>Google Map Video Tutorial</b><br />Easily create and share personalised, annotated maps of ... Add your own text, photos, and videos. Share your map with friends and family.<br/>
<embed src="http://www.youtube.com/cp/vjVQa1PpcFMD3bLNlu_4IKXBStbuuUSb6daKCiOOudc=" type="application/x-shockwave-flash" wmode="transparent" width="640" height="445"></embed></object>
<br />
http://maps.google.com/maps/mm?hl=en&q=51%C2%B050'43.09%22N+0%C2%B033'11.03%22W&ie=UTF8&ll=51.848736,-0.554477&spn=0.002518,0.005134&t=k&z=18<b>Google Map Video Tutorial</b><br />Easily create and share personalised, annotated maps of ... Add your own text, photos, and videos. Share your map with friends and family.<br/>
<embed src="http://www.youtube.com/cp/vjVQa1PpcFMD3bLNlu_4IKXBStbuuUSb6daKCiOOudc=" type="application/x-shockwave-flash" wmode="transparent" width="640" height="445"></embed></object>
<br />
http://maps.google.com/maps/mm?hl=en&q=51%C2%B050'43.09%22N+0%C2%B033'11.03%22W&ie=UTF8&ll=51.848736,-0.554477&spn=0.002518,0.005134&t=k&z=18Find latitude and longitude2008-04-28T16:00:55Z2008-04-28T16:00:55Zhttp://youneeditall.com/google-map-embeded/map-latitude-longitude.htmlNikolay Gulweb@youneeditall.com<!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>Find your latitude and longitude. Google Map API embeded to you site</title>
<!-- <script src="http://maps.google.com/maps?file=api&v=2.89" type="text/javascript"></script>-->
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAdq1s3DVvurFu49uugvWPABSFuN28RLTPChIxOrrYhtpDSYhuORRQ0I3g4qKmxjbqgo8mz_uVAMQgrA"
type="text/javascript"></script>
</head>
<body onunload="GUnload()">
<div id="map" style="width: 600px; height: 600px"></div><p>
</p><form onsubmit="showAddress(); return false">
<input id="search" size="60" type="text" value="" />
<input type="submit" value="Go!" />
<input type="button" onclick="javascript:map.clearOverlays();return false" value="Clear markers" />
</form>
<a href="google-map-api.html">Back</a>
<div id="message">How to: Find your latitude and longitude. How to: Google Map API embeded to you site</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.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(20,0),2);
// ====== Create a Client Geocoder ======
var geo = new GClientGeocoder(null,"ABQIAAAA63vUQILZCllFpKtQNmjZixSIv5ZEpOdgMEo8d90gNg1rQgV5rxSHPQ2PzCEtdO8SXFcckS_v5lwyBQ");
// ====== Array for decoding the failure codes ======
var reasons=[];
reasons[G_GEO_SUCCESS] = "Success";
reasons[G_GEO_MISSING_ADDRESS] = "Missing Address: The address was either missing or had no value.";
reasons[G_GEO_UNKNOWN_ADDRESS] = "Unknown Address: No corresponding geographic location could be found for the specified address.";
reasons[G_GEO_UNAVAILABLE_ADDRESS]= "Unavailable Address: The geocode for the given address cannot be returned due to legal or contractual reasons.";
reasons[G_GEO_BAD_KEY] = "Bad Key: The API key is either invalid or does not match the domain for which it was given";
reasons[G_GEO_TOO_MANY_QUERIES] = "Too Many Queries: The daily geocoding quota for this site has been exceeded.";
reasons[G_GEO_SERVER_ERROR] = "Server error: The geocoding request could not be successfully processed.";
// ====== Geocoding ======
function showAddress() {
var search = document.getElementById("search").value;
// ====== Perform the Geocoding ======
geo.getLocations(search, function (result)
{
// If that was successful
if (result.Status.code == G_GEO_SUCCESS) {
// How many resuts were found
document.getElementById("message").innerHTML = "Found " +result.Placemark.length +" results";
// Loop through the results, placing markers
for (var i=0; i<result.Placemark.length; i++) {
var p = result.Placemark[i].Point.coordinates;
var marker = new GMarker(new GLatLng(p[1],p[0]));
document.getElementById("message").innerHTML += "<br />"+(i+1)+": "+ result.Placemark[i].address + marker.getPoint();
map.addOverlay(marker);
}
// centre the map on the first result
var p = result.Placemark[0].Point.coordinates;
map.setCenter(new GLatLng(p[1],p[0]),14);
}
// ====== Decode the error status ======
else {
var reason="Code "+result.Status.code;
if (reasons[result.Status.code]) {
reason = reasons[result.Status.code]
}
alert('Could not find "'+search+ '" ' + reason);
}
}
);
}
}
// display a warning if the browser was not compatible
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
// This Javascript is based on code provided by the
// Blackpool Community Church Javascript Team
// http://www.commchurch.freeserve.co.uk/
// http://econym.googlepages.com/index.htm
//]]>
</script>
</body>
</html><!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>Find your latitude and longitude. Google Map API embeded to you site</title>
<!-- <script src="http://maps.google.com/maps?file=api&v=2.89" type="text/javascript"></script>-->
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAdq1s3DVvurFu49uugvWPABSFuN28RLTPChIxOrrYhtpDSYhuORRQ0I3g4qKmxjbqgo8mz_uVAMQgrA"
type="text/javascript"></script>
</head>
<body onunload="GUnload()">
<div id="map" style="width: 600px; height: 600px"></div><p>
</p><form onsubmit="showAddress(); return false">
<input id="search" size="60" type="text" value="" />
<input type="submit" value="Go!" />
<input type="button" onclick="javascript:map.clearOverlays();return false" value="Clear markers" />
</form>
<a href="google-map-api.html">Back</a>
<div id="message">How to: Find your latitude and longitude. How to: Google Map API embeded to you site</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.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(20,0),2);
// ====== Create a Client Geocoder ======
var geo = new GClientGeocoder(null,"ABQIAAAA63vUQILZCllFpKtQNmjZixSIv5ZEpOdgMEo8d90gNg1rQgV5rxSHPQ2PzCEtdO8SXFcckS_v5lwyBQ");
// ====== Array for decoding the failure codes ======
var reasons=[];
reasons[G_GEO_SUCCESS] = "Success";
reasons[G_GEO_MISSING_ADDRESS] = "Missing Address: The address was either missing or had no value.";
reasons[G_GEO_UNKNOWN_ADDRESS] = "Unknown Address: No corresponding geographic location could be found for the specified address.";
reasons[G_GEO_UNAVAILABLE_ADDRESS]= "Unavailable Address: The geocode for the given address cannot be returned due to legal or contractual reasons.";
reasons[G_GEO_BAD_KEY] = "Bad Key: The API key is either invalid or does not match the domain for which it was given";
reasons[G_GEO_TOO_MANY_QUERIES] = "Too Many Queries: The daily geocoding quota for this site has been exceeded.";
reasons[G_GEO_SERVER_ERROR] = "Server error: The geocoding request could not be successfully processed.";
// ====== Geocoding ======
function showAddress() {
var search = document.getElementById("search").value;
// ====== Perform the Geocoding ======
geo.getLocations(search, function (result)
{
// If that was successful
if (result.Status.code == G_GEO_SUCCESS) {
// How many resuts were found
document.getElementById("message").innerHTML = "Found " +result.Placemark.length +" results";
// Loop through the results, placing markers
for (var i=0; i<result.Placemark.length; i++) {
var p = result.Placemark[i].Point.coordinates;
var marker = new GMarker(new GLatLng(p[1],p[0]));
document.getElementById("message").innerHTML += "<br />"+(i+1)+": "+ result.Placemark[i].address + marker.getPoint();
map.addOverlay(marker);
}
// centre the map on the first result
var p = result.Placemark[0].Point.coordinates;
map.setCenter(new GLatLng(p[1],p[0]),14);
}
// ====== Decode the error status ======
else {
var reason="Code "+result.Status.code;
if (reasons[result.Status.code]) {
reason = reasons[result.Status.code]
}
alert('Could not find "'+search+ '" ' + reason);
}
}
);
}
}
// display a warning if the browser was not compatible
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}
// This Javascript is based on code provided by the
// Blackpool Community Church Javascript Team
// http://www.commchurch.freeserve.co.uk/
// http://econym.googlepages.com/index.htm
//]]>
</script>
</body>
</html>How to Embed Google Map2008-03-25T00:47:25Z2008-03-25T00:47:25Zhttp://youneeditall.com/google-map-embeded/how-to-use-google-map-api.htmlNikolay Gulweb@youneeditall.com<h3><b><font color="#660000">How to embed Google Map?</font></b> <br/>
</h3>
<b><font color="#660000">How to embed flash video into google map info box?</font></b> <a href="http://www.youneeditall.com/nyscanalsystem/map.html" target="_blank">view sample</a><br/>
<b><font color="#660000">How to create google map info box with multiple tabs?</font></b> <a href="http://www.youneeditall.com/nyscanalsystem/map2.php" target="_blank">view sample</a><br/>
<table width="630" border="0" cellspacing="5" cellpadding="5">
<tr>
<th width="288" align="left" valign="top" scope="row"><center>
<strong>Sample of embed Google map to web sites</strong>
</center></th>
<td width="317" align="left" valign="top"><center>
<strong> Technology and Purpose </strong>
</center></td>
</tr>
<tr>
<th align="left" valign="top" scope="row"><p align="left"><font size="2">New York State Canal System Interactive
Map</font></p>
<p align="center"><a href="/nyscanalsystem/map.php" target="_blank"><img src="/google-map-api/area-map.jpg" alt="how to embed google map" width="250" height="265" border="0" /></a></p></th>
<td align="left" valign="top"><p><font size="2"><strong>Created by</strong> Nikolay
Gul for "<font color="#003399">New
York State's Contemporary Canal System Educator's Guide</font>."<br />
<br />
<strong>Functions:</strong> Navigate Erie Canal, Oswego canal, Champlain
canal, and Cayuga-Seneca canal. <br />
</font><font size="2">Find and Print
direction from and to canals location.<br />
<br />
<strong>Used:</strong> Google Map API, javascript, XML, custom made
images, and video. </font> <font size="2"><br />
</font><font size="2"><br />
</font></p></td>
</tr>
<tr>
<th scope="row"><center>
<a href="/nyscanalsystem/map2.php" target="_blank"><img src="/google-map-api/google-map-with-AJAX-Tab-sm.jpg" alt="how to embed google map" width="250" height="265" border="0" /></a>
</center></th>
<td align="left" valign="top"><font size="2"><strong>Created by</strong> Nikolay Gul for "<font color="#003399">New
York State's Contemporary Canal System Educator's Guide</font>."<br />
<br />
<strong>Functions:</strong> by using AJAX enabled several Tabs on info
box. Navigate Erie Canal, Oswego canal, Champlain canal, and Cayuga-Seneca
canal. <br />
</font><font size="2">Find and Print direction from and to canals location.<br />
Additional information might be placed on separate tab. <br />
<strong>Used:</strong> Google Map API, javascript, XML, AJAX custom
made images, and video. </font> <font size="2"><br />
</font><font size="2"><br />
</font></td>
</tr>
<tr>
<th scope="row"><center>
<a href="/nyscanalsystem/canal-map.html" target="_blank"><img src="/google-map-api/canal-map-page.jpg" alt="how to embed google map" width="250" height="265" border="0" /></a>
</center></th>
<td><font size="2"><strong>Created by</strong> Nikolay Gul for "<font color="#003399">New
York State's Contemporary Canal System Educator's Guide</font>."<br />
<br />
<strong>Functions:</strong> by using JavaScript and XML enabled several
XML files to load after selecting map location with information, images
and video link. on info box. <br />
Navigate Erie Canal, Oswego canal, Champlain
canal, and Cayuga-Seneca canal. <br />
</font><font size="2">Find and Print direction from and to canals location.<br />
Additional information might be placed on separate tab. <br />
<strong>Used:</strong> Google Map API, javascript, XML, AJAX custom made images,
and video. </font> <font size="2"><br />
</font><font size="2"><br />
Best view in Fire Fox. </font></td>
</tr>
<tr>
<th scope="row"> </th>
<td><p> </p></td>
</tr>
<tr>
<th colspan="2" scope="row"><a href="google-map.html" target="_blank">Sample with Google Gadgets</a><br />
To see how it work <a href="google-map-api/gmaps_php_code/sample9/GLogMouseTracking/" target="_blank" title="Google Map API developer in Syracuse and CNY" onclick="window.open('google-map-api/gmaps_php_code/sample9/GLogMouseTracking/','Google MAP API developer in Syracuse','scrollbars=yes,width=800,height=600');return false;"><font face="arial,helvetica,sans-serif"><strong>click here</strong></font></a> or <a href="google-map-api/gmaps_php_code/chapter10/polyline/" target="_blank" title="Google Map location and perimetr calculation" onclick="window.open('google-map-api/gmaps_php_code/chapter10/polyline/','Google Map location and perimetr calculation','scrollbars=yes,resizable=yes,width=800,height=600');">here </a>to fine you location and calculate perimeter<br /></th>
</tr>
<tr>
<th colspan="2" scope="row"><div align="center"><a href="http://www.youneeditall.com/nyscanalsystem/map.html" target="_self"><b><font color="#660000">How to embed flash video into google map info box?</font></b> view sample<br/>
<img src="/images/google-map-with-flash-video.jpg" alt="google map with flash video" width="600" height="618" hspace="5" vspace="5" border="0" align="top" /></a></div></th>
</tr>
</table></font></p>
<p align="left"><a href="http://www.shareasale.com/r.cfm?b=13490&u=444153&m=4011&urllink=&afftrack=">Chat live with visitors on your web site. Increases sales and improves customer service. Try Boldchat FREE now.</a></p><h3><b><font color="#660000">How to embed Google Map?</font></b> <br/>
</h3>
<b><font color="#660000">How to embed flash video into google map info box?</font></b> <a href="http://www.youneeditall.com/nyscanalsystem/map.html" target="_blank">view sample</a><br/>
<b><font color="#660000">How to create google map info box with multiple tabs?</font></b> <a href="http://www.youneeditall.com/nyscanalsystem/map2.php" target="_blank">view sample</a><br/>
<table width="630" border="0" cellspacing="5" cellpadding="5">
<tr>
<th width="288" align="left" valign="top" scope="row"><center>
<strong>Sample of embed Google map to web sites</strong>
</center></th>
<td width="317" align="left" valign="top"><center>
<strong> Technology and Purpose </strong>
</center></td>
</tr>
<tr>
<th align="left" valign="top" scope="row"><p align="left"><font size="2">New York State Canal System Interactive
Map</font></p>
<p align="center"><a href="/nyscanalsystem/map.php" target="_blank"><img src="/google-map-api/area-map.jpg" alt="how to embed google map" width="250" height="265" border="0" /></a></p></th>
<td align="left" valign="top"><p><font size="2"><strong>Created by</strong> Nikolay
Gul for "<font color="#003399">New
York State's Contemporary Canal System Educator's Guide</font>."<br />
<br />
<strong>Functions:</strong> Navigate Erie Canal, Oswego canal, Champlain
canal, and Cayuga-Seneca canal. <br />
</font><font size="2">Find and Print
direction from and to canals location.<br />
<br />
<strong>Used:</strong> Google Map API, javascript, XML, custom made
images, and video. </font> <font size="2"><br />
</font><font size="2"><br />
</font></p></td>
</tr>
<tr>
<th scope="row"><center>
<a href="/nyscanalsystem/map2.php" target="_blank"><img src="/google-map-api/google-map-with-AJAX-Tab-sm.jpg" alt="how to embed google map" width="250" height="265" border="0" /></a>
</center></th>
<td align="left" valign="top"><font size="2"><strong>Created by</strong> Nikolay Gul for "<font color="#003399">New
York State's Contemporary Canal System Educator's Guide</font>."<br />
<br />
<strong>Functions:</strong> by using AJAX enabled several Tabs on info
box. Navigate Erie Canal, Oswego canal, Champlain canal, and Cayuga-Seneca
canal. <br />
</font><font size="2">Find and Print direction from and to canals location.<br />
Additional information might be placed on separate tab. <br />
<strong>Used:</strong> Google Map API, javascript, XML, AJAX custom
made images, and video. </font> <font size="2"><br />
</font><font size="2"><br />
</font></td>
</tr>
<tr>
<th scope="row"><center>
<a href="/nyscanalsystem/canal-map.html" target="_blank"><img src="/google-map-api/canal-map-page.jpg" alt="how to embed google map" width="250" height="265" border="0" /></a>
</center></th>
<td><font size="2"><strong>Created by</strong> Nikolay Gul for "<font color="#003399">New
York State's Contemporary Canal System Educator's Guide</font>."<br />
<br />
<strong>Functions:</strong> by using JavaScript and XML enabled several
XML files to load after selecting map location with information, images
and video link. on info box. <br />
Navigate Erie Canal, Oswego canal, Champlain
canal, and Cayuga-Seneca canal. <br />
</font><font size="2">Find and Print direction from and to canals location.<br />
Additional information might be placed on separate tab. <br />
<strong>Used:</strong> Google Map API, javascript, XML, AJAX custom made images,
and video. </font> <font size="2"><br />
</font><font size="2"><br />
Best view in Fire Fox. </font></td>
</tr>
<tr>
<th scope="row"> </th>
<td><p> </p></td>
</tr>
<tr>
<th colspan="2" scope="row"><a href="google-map.html" target="_blank">Sample with Google Gadgets</a><br />
To see how it work <a href="google-map-api/gmaps_php_code/sample9/GLogMouseTracking/" target="_blank" title="Google Map API developer in Syracuse and CNY" onclick="window.open('google-map-api/gmaps_php_code/sample9/GLogMouseTracking/','Google MAP API developer in Syracuse','scrollbars=yes,width=800,height=600');return false;"><font face="arial,helvetica,sans-serif"><strong>click here</strong></font></a> or <a href="google-map-api/gmaps_php_code/chapter10/polyline/" target="_blank" title="Google Map location and perimetr calculation" onclick="window.open('google-map-api/gmaps_php_code/chapter10/polyline/','Google Map location and perimetr calculation','scrollbars=yes,resizable=yes,width=800,height=600');">here </a>to fine you location and calculate perimeter<br /></th>
</tr>
<tr>
<th colspan="2" scope="row"><div align="center"><a href="http://www.youneeditall.com/nyscanalsystem/map.html" target="_self"><b><font color="#660000">How to embed flash video into google map info box?</font></b> view sample<br/>
<img src="/images/google-map-with-flash-video.jpg" alt="google map with flash video" width="600" height="618" hspace="5" vspace="5" border="0" align="top" /></a></div></th>
</tr>
</table></font></p>
<p align="left"><a href="http://www.shareasale.com/r.cfm?b=13490&u=444153&m=4011&urllink=&afftrack=">Chat live with visitors on your web site. Increases sales and improves customer service. Try Boldchat FREE now.</a></p>