Venue Maps is a project to display maps and street view for any location. Users who sign in with their Google accounts can save places from a Venue Map to view later on the main Google Maps site and mobile apps.
The code originated on Map Channels Events and Map Channels Hotels to map venue and hotel locations.
Venue Maps provide two maps at different zoom levels plus a street view where this is available. There are options to configure the appearance of the maps and street view and also to select specific street view co-ordinates, heading, pitch and zoom.
Venue Maps can be easily added to your web page by following the instructions below. All code is inline and no adverts are displayed.
The default example map features the American Airlines Arena in Miami, FL.
View this example for a demonstration of Multiple Venue Maps on the same page.
Similar projects available on this site include Dual Maps, Local Maps and Location Maps.
If you find Venue Maps useful please link back to Map Channels on your site and consider making a Donation to support development of future projects.
The Venue Map code includes the new Google Maps signed in feature which allows users to save the placemark location and URL.
This feature is a great way for visitors to bookmark your placemark location and website in one go and to return later via another Google Map.
The format for Venue Maps is different to most other Map Channels projects. Rather than using a small section of iframe code,
Venue Maps provides the full source code required to implement the map inline on your web page without any adverts.
Inline display of the map is the best approach since the street view section is not always displayed and can be hidden by the user.
It is recommended to log in to Map Channels before creating a Venue Map so that your map settings will be saved for future reference.
The settings for the most recent map created are saved for each user.
The code is provided with an open source Apache licence. Please include a link to Map Channels on the page where the map is displayed.
A Map Channels link is helpful for us to attract more visitors and also for you as a bookmark if updates are made to the code.
Venue Maps by Map Channels
Use the search box opposite to find a specific place by name and/or address.
Drag and drop the red marker on the map opposite to adjust the latitude and longitude.
These values are set by moving the pegman marker on the map opposite.Drag and drop the pegman marker to fine tune the position.
To embed your Local Map copy and paste this HTML code to your web page:
1. Add this script into the <header> section of the page
2. Add this script into the <body> section of the page
You can make further modifications as required to the map code. e.g. add a 'loading map' message into the venuemap div, display additional layers, etc.