<?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>BlinkTag Inc &#187; bike maps</title>
	<atom:link href="http://blinktag.com/tag/bike-maps/feed/" rel="self" type="application/rss+xml" />
	<link>http://blinktag.com</link>
	<description></description>
	<lastBuildDate>Tue, 01 May 2012 22:43:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>		<item>
		<title>Add Google Bike or Google Transit layer to your Google Maps API</title>
		<link>http://blinktag.com/add-google-bike-or-google-transit-layer-to-your-google-maps-api/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=add-google-bike-or-google-transit-layer-to-your-google-maps-api</link>
		<comments>http://blinktag.com/add-google-bike-or-google-transit-layer-to-your-google-maps-api/#comments</comments>
		<pubDate>Fri, 09 Apr 2010 08:45:04 +0000</pubDate>
		<dc:creator>Brendan Nee</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[bike maps]]></category>
		<category><![CDATA[biking]]></category>
		<category><![CDATA[google maps]]></category>
		<category><![CDATA[google transit]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[maps]]></category>
		<category><![CDATA[transit]]></category>

		<guid isPermaLink="false">http://blinktag.com/?p=746</guid>
		<description><![CDATA[Using Google Maps API you can choose between a few different background layers: Standard, Satellite, Hybrid and Physical. This is done using the setMapType() method. However, there currently isn&#8217;t a way to get display the transit or bike map layer. However, Google Maps allows you to create your own tile layer and load in into [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blinktag.com/wp-content/uploads/2010/04/Page-St-to-Harrison-St-Google-Maps.jpg"><img class="alignright size-medium wp-image-749 colorbox-746" title="Page St to Harrison St - Google Maps" src="http://blinktag.com/wp-content/uploads/2010/04/Page-St-to-Harrison-St-Google-Maps-300x153.jpg" alt="" width="300" height="153"></a>Using Google Maps API you can choose between a few different background layers: Standard, Satellite, Hybrid and Physical.  This is done using the <a href="http://code.google.com/apis/maps/documentation/introduction.html#MapTypes"><code>setMapType()</code> method</a>.</p>
<p>However, there currently isn&#8217;t a way to get display the transit or bike map layer.  However, Google Maps allows you to create your own tile layer and load in into the map.  It&#8217;s not too difficult to create your own custom tile layer and actually refer to the actual bike map or transit map tiles and load them directly from Google.</p>
<p>The URL template you need for getting bike maps is:</p>
<blockquote><p><code>http://mt1.google.com/vt/lyrs=m@121,bike&amp;hl=en&amp;x={X}&amp;y={Y}&amp;z={Z}</code></p></blockquote>
<p>and for transit maps:</p>
<blockquote><p><code>http://mt1.google.com/vt/lyrs=m@121,transit|vm:1&amp;hl=en&amp;opts=r&amp;x={X}&amp;y={Y}&amp;z={Z}</code></p></blockquote>
<p>To create your own tile layer, use one of the URL templates above:</p>
<blockquote><p><code></p>
<pre>function initialize() {
  var map = new GMap2(document.getElementById("map_canvas"));
  map.setCenter(new GLatLng(37.880002, -122.189941), 11);

  //Create new Tile Layer
  var gTileUrlTemplate = 'http://mt1.google.com/vt/lyrs=m@121,bike&#038;hl=en&#038;x={X}&#038;y={Y}&#038;z={Z}';
  var tileLayerOverlay = new GTileLayerOverlay(
    new GTileLayer(null, null, null, {
      tileUrlTemplate: gTileUrlTemplate,
      isPng:true,
      opacity:0.8
    })
  );
  map.addOverlay(tileLayerOverlay);
  }</pre>
<p></code></p></blockquote>
<p>These URLs could change at any time, so there is no guarantee that this won&#8217;t break.  You can see this in action at <a href="http://whereisbart.com">whereisbart.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blinktag.com/add-google-bike-or-google-transit-layer-to-your-google-maps-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 15/23 queries in 0.029 seconds using disk: basic

Served from: blinktag.com @ 2012-05-18 12:10:50 -->
