Map Channels
Map Channels
 
Create a Google Map and Street View for your website or blog without coding
Home   Overview   Videos   Contact   Donate   Blue Sky  
  Tour Maps           Map Channels v9   Team Maps   Dual Maps   Animated Route Maps   Video Maps  
v8  v7  v6  v5  v4  AI Search Map   Street Earth Map   Treasure Maps  
GPX Maps   Local Maps   Location Maps   Switch Maps   Street View Postcards   Street Tours     StreetView Driver  
Markers   Geocoder   API Key   Route Utilities   Arcade   Mashed World   TripGeo      

Dual Maps Version 8

Create a synchronized view of a location using Google Maps, Birds Eye Imagery and Google Street View


Create Your Dual Map

1. Enter an address and select a location

2. Drag and drop the place marker

3. Select the street view

4. Share the map link or create an embeddable map

View on YouTube



Embed Map



About Dual Maps

Dual Maps combine Google Maps, Google Street View and Birds Eye imagery into one embeddable control.

Dual Maps are free to use. No registration is required.

Many customization options are available.

Please contact us if you encounter a problem or have a custom mapping requirement.

Dual Maps Version 8

Version 8 includes integrated settings and sharing controls. You can now create a new Dual Map link or embeddable script without needing to return to the Dual Maps page on Map Channels.

Click the settings icon to configure the map appearance and behaviour. Click the share icon to get the map link or to directly share the map on social media.

Another new feature is the automatically display of the nearest street view when a POI / Business map marker is clicked.

The full Dual Maps API reference is available below.



Dual Maps API Reference

A dual map can be added to your web page by pasting the HTML map script. This code adds an Iframe containing a block of code to the page. You can manually edit this code to modify your maps appearance.

There are two elements within the script that can be changed: style and src.

Style Parameter Parameter Description
width Either a percentage value such as 100% or a value in pixels such as 800px.
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 Default Value Parameter Description
lat 0 Latitude of Place Marker
lng 0 Longitude of Place Marker
z 0 Map Zoom Level (0 to 21).
gm 0 Main Map Type. 0=Road Map, 1=Satellite, 2=Hybrid, 3=Terrain
bm 2 Alternate Map Type. 0=Road Map, 1=Satellite, 2=Hybrid
mw 1 Mouse Wheel Scrolling. 0=disabled, 1=enabled.
mv 1 Marker is Visible
md 1 Marker is Draggable
mi 1 Marker Image: 1=Red(default), 2=Green, 3=Yellow, 4=Blue, or supply the url of a 32x32 marker image.
panel msbi Initially visible panels: m=map, s=street view, b=bird's eye, i=info.
pt blank Place Title
pd blank Place Description
slat 0 Street View Latitude
slng 0 Street View Longitude
sh 0 Street View Heading. -360 to 360 degrees.
sp 0 Street View Pitch. -90 to 90 degrees.
sz 1 Street View Zoom. 0 to 3.
sd 1 Display Street View Date. 0=No 1=Yes.
sa 1 Auto Street View. 0=No 1=Yes. Will display nearest street view automatically when the place marker is moved.
ss 0 Street View Source. 0=Outdoor Only (default), 1=Outdoor and Indoor.
be 0 Auto Birds Eye Rotation. 0=No 1=Yes. When the heading of the streetview is changed the heading of the birds eye map will change accordingly.
as 0 Address search displayed in the top right of the map.
rm 1 Reset Map link. Displayed in the bottom right of the control. Clicking this link will re-centre the map at the original coordinates.
gl 1 Geolocation button. Displays a button labelled 'My Location' in the top right of the control.
lang en Language of map interface. Available values are en (English), fr (French) and es (Spanish).
pano blank Panorama ID. If set this displays the street view specified by the panoramaID. This setting overrides any latitude and longitude parameters.
ref blank Return Link URL Only used for full page maps. If a Return Link URL is specified then a 'Return To' link is displayed in the top right corner.

This helps users to return to the original website after viewing a full page Dual Map (see also the banner settings below).
reft blank Return Link Title Requires a return link URL to be supplied (see above).
bu blank Banner Source URL Only used for full page maps. The URL of a banner to display at the top of the page.

For an example see the Banner Integration guide.
bh blank Banner Height Only used for full page maps. The height of the banner in pixels.
pv 1 POI Visible 0=POI markers are hidden, 1=POI markers are visible
pc 1 POI Control 0=No POI Control is displayed, 1=A POI checkbox is displayed on the right-hand side of the information panel.
fs 1 Full Screen Control 0=No Full Screen control is displayed, 1=The Full Screen control is displayed in the top right corner.

To display a Dual Map with automatic streetview (the pegman will point towards the place marker) :

Omit the following parameters from the URL: slat, slng, sh, sp, sz

Note that the automatic streetview displayed is not always the nearest available streetview. This is a limitation of the Google Maps API. You can sometimes find a better street view by manually selecting the pegman location and heading.


Terms and Conditions

1. Display the maps with no portions obscured.

2. Do not modify or adapt the javascript code without written permission from Map Channels.

3. Comply with the Google Maps Terms.

Version History

Dual Maps version 8 is the current version of Dual Maps. The previous version 7 of Dual Maps is still available at the Dual Maps Version 7 page.

17th August, 2023: QR codes are now available on the Dual Maps project page. The QR code will update as the map location and street view changes. This addition uses the QRcode.js Cross-browser QRCode generator for javascript which can be found at https://davidshimjs.github.io/qrcodejs/

3rd August, 2023: A bug that was causing the map to re-centre when the street view pegman marker was being dragged has been fixed.

29th July, 2023: A couple of small improvements have been made to Dual Maps v8.

     (1) The Street View panel is no longer hidden if a panorama isn't available at the requested location. If needed, it can still be hidden using the top menu.

     (2) When initially displaying a location the main map will zoom out until both the place location and street view location are visible. This is useful when there's a big distance between these points.

15th June, 2023: Two interface improvements have been added :

     (1) Click on either map to select the nearest street view to the clicked point.

     (2) When the 'Auto Street View' option is selected (the checkbox in the bottom left corner) then the street view heading will change to face the place marker.

These two changes make it easier to quickly view a location in street view from multiple angles.

10th May, 2023: Version 8 is now the default version for new Dual Maps. Dual Maps Version 7 will continue to be available.

27th April, 2023: Version 8 beta released. Settings and sharing are now built into the Dual Map.

17th February, 2023: The 'about' message is shorter and is not initially displayed when the Dual Map loads.

26th June, 2022: Version 7.02. Full Screen control option has been added.

14th February, 2022: Responsive layout for mobile devices.

13th February, 2022: Added Point of Interest (POI) display options to show/hide business and other POI markers on the map.

8th February, 2022: Added banner options for use with full page Dual Maps which allow you to brand the maps with your website style and help users to return to your website after viewing a Dual Map.

28th October, 2020: Added new options for the reset map, address search and geolocation controls.

23rd October, 2020: Added the 'Auto Birds Eye Rotation' option.

25th September, 2020: Version 7.02 released. Full Page Map link included. Option to use a referrer URL.

3rd August, 2018: Version 7.01 released. Improved map and street view synchronization has been implemented. There is now the option to use your own Google Maps API Key.

13th July, 2018: The secure URL for Dual Maps has been changed.

7th October, 2016: Version 6.01 is now the default version of Dual Maps ahead of the retirement of the Bing Maps API which v5 used. Maps you are currently using will automatically upgrade to v6 so no action is required.

4th August, 2016: Version 6.01. Using the Google Maps API to display all map imagery, plus additional features.

3rd November, 2015: Version 5.01. Secure hosting is now available as an option.

26th March, 2013: Version 5. The Dual Maps code has been fully rewritten to use the current Google Maps v3 API.

7th November, 2011. Project moved to www.dualmaps.com as version 4.

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

28th May, 2011: Version 3.03.

April, 2011: Version 3.02.

May, 2010: Version 3.01.

April, 2009: Version 3.0.

26th March, 2008: Version 2.

12th March, 2008: Version 1.

Related Links

Animated Route Maps - view journeys with synchronized Google Maps, Street View and Aerial imagery.

Dual Maps featured in the Google Maps API Blog and in the Google Maps Mania Blog.

Feedback

If you have any comments or suggestions about Dual Maps please use the Contact page to get in touch.







About   • Custom Coding   • Links   • Blue Sky   Mashed WorldMap Channels Arcade  • Map Channels Events  • TripGeo
(c) www.mapchannels.com, 2007-2024   Privacy Policy   RSS