Map Channels   Dual Maps
Connecting your website to Google Maps and Bing Maps
A Map Channels Project
 

Dual Maps version 4

About Dual Maps

  • Dual maps combine Google Maps, Google Street View and Microsoft Bing Maps into one embeddable control.
  • Free to use, no registration required.
  • Many customizable settings.
  • View Google Search results in Street View (where available).
  • Option to supply an address instead of co-ordinates to generate a Dual Map.
  • Display Traffic, Panoramio and Wikipedia Map Layers.
  • Choice of street view icons:
    Car

     
    Pegman

     
    PegPanda

     
    Gachapeg

     

Updated 2nd October, 2011

• Project moved to www.dualmaps.com as version 4.

Updated 2nd October, 2011

• Improvement to the map loading process.

Updated 28th May, 2011: Version 3.03

• Added Automatic Street View Bearing option, the street view will look towards the place marker whenever it is dragged or clicked to a new location.
• Street View is switched off if a panorama is not found at the initial location.
• UI Update: Added a draggable marker to set the initial map location.

Using Dual Maps

  • Drag and drop the street view marker or click on a blue outlined street to display the street view for that location.
  • The Bing map centre changes when the Google map centre changes (but not vice versa).
  • The Google Local Search bar can be used to find addresses, businesses, landmarks, towns or cities.
  • When a search result is clicked on street view imagery is displayed where available.

To create a Dual Map enter your settings below and click 'Create'. Copy and paste the generated script into your web page.


Dual Map Preview


Add This Map To Your Website or Blog

Copy and paste the script below into your web page. Please include the link to Map Channels on the webpage which displays the Dual Map.

Link To This Map




Create Your Dual Map

  Click 'Create' to preview the map and generate a script for your website

Map Style

Width px, or 100 %
Height px
Border
Google Map Type
Bing Map Type
Google Map Control Size
Mousewheel scroll

Map Advanced Options

Google Search Bar
Traffic Layer
Panoramio Layer
Wikipedia Layer
Full Page Link

Street View Options

Enable Street View
Street View Automatic Bearing
Street View Bearing degrees
Street View Pitch degrees
Street View Zoom (0 to 3)
Street View Marker
Bing Maps Street Marker
Field of View cone

Marker Options

Show Google Map Marker
Show VE Map Marker
Marker Image
Marker Title
Marker Description

Bird's Eye

Zoom

Address to Geocode  (overrides selected co-ordinates)


Map Location

Use one or more of the three methods below (A,B,C) to set your map location and zoom level.

 A   Enter your Longitude (x), Latitude (y) and Zoom Level (z)

x   y   z  

 B   Select your Location and Zoom Level using the map below


Use the Google Search Bar to find a business, address or city

 C   Paste Google Maps link:

e.g. http://maps.google.com/maps?mrt=all&layer=c&z=16&cbp=1,127.6459359605913,,0,-9.713669950738918&cbll=37.790299,-122.389164



  Click 'Create' to preview the map and generate a script for your website


Further Development

Once you have created your first dual map you do not have to use this page to create further maps (although you are welcome to do so). Dual Maps are designed so that you can change all the settings for your map within the script.

It is possible to write server-side script to generate code to display dual maps for multiple locations from a database. The reference below describes how to edit your script settings.

Dual Maps Reference

Dual maps are implemented using a few lines of code added to an HTML web page. This code adds an Iframe containing a block of code to the page. You can manually edit this code to modify your maps appearance. The best way to illustrate this is to break down an example map script into component parts and explain what each does.

There are two elements within the script that can be changed: style and src. The following tables describe the syntax of these fields.

Style Parameter Name Parameter Description
width Can be either a percentage value such as 100% or a value in pixels such as 600px.
This is the combined width of the two maps plus the 8px divider bar, so 600px width would create two maps each 296px wide.
height Should be a value in pixels (e.g. 500px)
padding Should always be 0
border Use 'border:solid 1px black' for a single pixel border around the maps. Remove this parameter for no border.

Src Parameter Name Parameter Description
x,y Map Centre Cordinates. x is the longitude value (-180 to 180) and y is the latitude value (-90 to 90).
z Map Zoom Level (0 to 21). Some map imagery is not available at higher zoom levels.
gm Google Map Type. 0=Road Map, 1=Satellite, 2=Hybrid, 3=Terrain
ve Bing Map Type. 0=Road Map, 1=Satellite, 2=Hybrid, 3=Bird's Eye
bz Bird's Eye zoom level. Two levels are available: 0=far or 1=near. Far is the default value.
mw Mouse Wheel Scrolling. 0=Mouse wheel disabled, 1=Mouse wheel enabled (default).
 
sb Google Search Bar. 0=No(default), 1=Yes.
traffic Traffic Layer. 0=No 1=Yes, initially Off 2=Yes, initially On
panoramio Panoramio Photo Layer. 0=No 1=Yes, initially Off 2=Yes, initially On
wikipedia Wikipedia Layer. 0=No 1=Yes, initially Off 2=Yes, initially On
fp Full Page Link. 0=No 1=Yes
 
mg Show Place Marker on Google Map. 0=No 1=Yes.
mv Show Place Marker on Bing Map. 0=No 1=Yes.
mi Marker Image. A Standard marker shape is used, the parameter sets the marker colour : 0=Green (default), 1=Red, 2=Orange, 3=Blue.
mt Marker Title, displayed in bold text in the marker info window.
md Marker Description, displayed in normal text in the marker info window.
sv Enable Street View. 0=Disabled, 1=Enabled.
sva Automatic Street View Bearing. 0=Disabled, 1=Enabled.
svb Street View Bearing. 0 to 360 degrees.
svp Street View Pitch. -90 to 90 degrees.
svz Street View Zoom. 0 to 3.
svm Street View Marker : 1=Car 2=Peg Man 3=Leprechaun 4=Panda 5=Gachapeg
svf Field of View Cone. 0=Disabled 1=Enabled
addr Address to geocode. If an address parameter is suppled the x and y parameters are ignored and the map will be centered upon the geocoded address.


Terms and Conditions

[ 1 ] Display the map with no portions obscured.

[ 2 ] Include the Dual Maps hyperlink on the web page where the Dual Map is displayed.

[ 3 ] Comply with the Google Maps Terms.

[ 4 ] Comply with the Bing Maps Terms.

Version History

2nd October, 2011: Improvement to the map loading process.

28th May, 2011: Version 3.03. Added Automatic Street View Bearing option, the street view will look towards the place marker whenever it is dragged or clicked to a new location.
Street View is switched off if a panorama is not found at the initial location.
UI Update: Added a draggable marker to set the initial map location.

April, 2011: Version 3.02. Added display of Current Direction. Added Traffic, Panoramio and Wikipedia Layers. Made Google Search Bar Optional. Restored the pegman icon option. Fixed bug preventing the Bing map from displaying correctly in some cases.

May, 2010: Version 3.01. Updated code to fix issues with some versions of IE and missing marker icons.

April, 2009: Version 3.0.

26th March, 2008: Version 2.

12th March, 2008: Version 1.

Street View Links

The following links are related to Street View or alternative implementations of the Street View concept

Street View Driver - explore street view imagery with this driving simulator.
Google Earth Hacks - collection of Google Earth images, Street Views and more.
360 Cities - 43 cities and over 5,000 virtual reality panoramas.
Streetviewr - a user generated gallery of interesting Google street views.
Google Sightseeing - sights from Google Earth, Maps and Street View.
Virtual Tourism gallery of street views - organised into categories.
Photoboof! Dock Explorations - video travels on a Google map
Street View Fun - funny Google maps street views.
Map Jack - an independent, technically superior version of Street view, currently with coverage of only 3 cities but offering higher resolution and more features than Google's Street View.
Windows Live Local Technology Preview - Microsoft's prototype equivalent of Street View, an alternative approach using driving keys for navigation.
Red Door VR Limited UK - panoramic photography equipment, how-to guides and virtual tours of UK towns and cities.

Thanks to Mike Williams and Keir Clarke for example Street View code. Thanks to the people at Google for the new Street View marker icons.

Feedback

If you have any comments, suggestions or bug reports about the dual map control please use the Contact page to get in touch.




Map Channels Hotels

Find your hotel bargain using Map Channels Hotels.

Destination City


Compare hotel deals from multiple suppliers with an easy-to-use search interface. See hotels in Street View. Filter results by name or price.

Map Channels Events

View maps and calendars at Map Channels Events for upcoming events around the world.

Search for performer, venue or city


View the City Guides Index for a full index of cities where upcoming events are listed.

United States

Canada

United Kingdom

London  

Germany

Berlin  

Ireland

Dublin


 • Map Channels  • Map Channels Events  • Map Channels Hotels  • Mobile Place Maps  • Mashed World  • Mashed Tickets  • See Bournemouth  • EntCal.com  • TripGeo  • Street Cities  • My Maps Plus (c) www.mapchannels.com, 2007-2011   Terms   Contact