<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Techie-Gyan &#187; maps</title>
	<atom:link href="http://www.techiegyan.com/category/maps/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.techiegyan.com</link>
	<description></description>
	<lastBuildDate>Fri, 25 Nov 2011 05:37:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to add Google Maps to your website?</title>
		<link>http://www.techiegyan.com/2008/07/01/how-to-add-google-maps-to-your-website/</link>
		<comments>http://www.techiegyan.com/2008/07/01/how-to-add-google-maps-to-your-website/#comments</comments>
		<pubDate>Tue, 01 Jul 2008 07:23:16 +0000</pubDate>
		<dc:creator>Aditya</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[maps]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.techiegyan.com/?p=95</guid>
		<description><![CDATA[A picture is worth a thousand words is a proverb that refers to the idea that a picture can explain a complex situation in more meaningful way than 1000 or more words. You can see more details on this proverb by following the above link but we are here talking about slightly different topic. A [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://en.wikipedia.org/wiki/A_picture_is_worth_a_thousand_words" target="_blank">A picture is worth a thousand words</a> is a proverb that refers to the idea that a picture can explain a complex situation in more meaningful way than 1000 or more words.</p>
<p>You can see more details on this proverb by following the above link but we are here talking about slightly different topic. A map is worth telling 1000 ways to reach certain place. I guess 1000 doesn&#8217;t match with this proverb which i just created <img src='http://www.techiegyan.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' />  but map really gives you clear picture and location of your destination.  </p>
<p>It is very good practice to provide map of the place on your website if you want to let people know about your contacts and want that they should visit your location or office. </p>
<p>Earlier maps on websites used to be static and you could not interact with maps to zoom and explore different directions etc. But now in the Era of Ajax and Google Maps and other similar websites, it is very much possible to use map information for common use. </p>
<p>Other than visiting these maps related websites you can also embed the related map of related place in your website. </p>
<p><a href='http://www.techiegyan.com/wp-content/uploads/2008/06/gmaps.png'><img src="http://www.techiegyan.com/wp-content/uploads/2008/06/gmaps.png" alt="" title="gmaps" width="500" height="309" class="aligncenter size-full wp-image-96" /></a></p>
<p>In starting, it was slightly tricky to embed Google maps in your website and you needed an application key for that which introduce another step towards including maps in your website but now it is probably easier than writing an email.</p>
<p><strong>1.</strong> Go to maps.google.com<br />
<strong>2.</strong> Search for the location<br />
<strong>3.</strong> Once you think that final location is in middle of map with appropriate zoom level, click on &#8216;Link to this Page&#8217; on right top of map.<br />
<strong>4.</strong> It will open a small window there which will give you two things:
<ul>
<li>Link to this map for sending it over email or IM</li>
<li>HTML to paste in your website.</li>
</ul>
<p><strong>5.</strong> Copy and paste this HTML in your website and That&#8217;s it.</p>
<p><a href='http://www.techiegyan.com/wp-content/uploads/2008/06/gmapscustom.png'><img src="http://www.techiegyan.com/wp-content/uploads/2008/06/gmapscustom.png" alt="" title="gmapscustom" width="500" height="443" class="aligncenter size-full wp-image-97" /></a></p>
<p>You can further customize by clicking &#8216;Customize and Preview embedded Map&#8217; and it will let you choose the size of map according to your need or space requirements on your website and then you can copy and paste HTML in Text area below the preview.</p>
<p>See How it will look like:</p>
<p><iframe width="510" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=Delhi,+India&amp;ie=UTF8&amp;s=AARTsJoz3XnWEbd46eNdoWEEVKzd7_zSHg&amp;ll=28.625213,77.226849&amp;spn=0.052738,0.087547&amp;z=13&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=Delhi,+India&amp;ie=UTF8&amp;ll=28.625213,77.226849&amp;spn=0.052738,0.087547&amp;z=13&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.techiegyan.com/2008/07/01/how-to-add-google-maps-to-your-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

