Mashed World Google Maps and Street View Projects
Name   Password  

  Register   Forgotten Password ?

Home  Events Guide  Hotels Guide  Street Tours  Dual Maps  Webcams Links   Contact   News

Dual Maps version 3

April, 2009: The Dual Maps project has been updated and moved to Mashed World from Map Channels. The previous version 2 of Dual Maps can still be found here.

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

About Dual Maps

  • Dual maps combine Google Maps, Google Street View and Microsoft Virtual Earth into one embeddable control.
  • Free to use, no registration required.
  • Many customizable settings
  • New: View Google Search results in Street View (where available)
  • New: Option to supply an address instead of co-ordinates to generate a Dual Map.
  • Terms of use :
  • New: Choose your street view icon:
    Car

     
    Panda

     
    Gachapeg

     
  • Terms and Conditions : Google Maps   Virtual Earth

To create a Dual Map enter your settings below and click 'Create'.

Copy and paste the generated script into your web page.

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 Virtual Earth 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 bookmark a Street View or Google Map location, use the link marked 'GM'.
  • To bookmark a Bird's Eye View or Virtual Earth location, use the link marked 'VE'.
  • Use the GM (Google Maps) link to create a new Dual Map by copying and pasting the link into section C below (Paste Google Maps link) and click 'Set'.

Note: When searching, the street view displayed may not always match the search result. This depends upon the geocoding accuracy of each Google search result which is not always 100% (though generally accuracy is good).



Create Your Dual Map

Map Style

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

Street View Options
Enable Street View
Street View Bearing degrees
Street View Pitch degrees
Street View Zoom (0 to 3)
Street View 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


Map Preview


Add This Map To Your Website or Blog

Copy and paste the script below into your web page:



Add a link to Mashed World:



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 Virtual Earth 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).
mg Show Place Marker on Google Map. 0=No 1=Yes.
mv Show Place Marker on Virtual Earth 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.
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.


Version History

12th March, 2008 : Version 1.
26th March, 2008 : Version 2.
10th April, 2009 : Version 3.

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.
IconIcon.Net - custom icon design.

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.


Links: Street Cities Map Channels Hotels Mashed Hotels Mashed Tickets EntCal • a Map Channels Site Design (c) Map Channels, 2007-2009