Street Cities
Free Mapping Tools for Google Maps, Street View and Google Earth
  
Home   Street View Safari   Street Map Control   Street Earth Control   Street View Driver   Links  

Street Map Control

Embed a Google Street View and Map into your web page.

Features

 • Display a Street View and Map in one compact control

 • Easy to customize and embed in any webpage

 • Display the current street view title and co-ordinates

 • Supports Firefox, Internet Explorer, Safari, Opera and Chrome

 • Use URL parameters to modify the control appearance

 • API and source code available under Apache License for custom projects

 • Display a KML layer of markers on the map

 • Link to full page Street View at Google Maps

Update 25 June, 2012

A bugfix has been added to fix the problem with GStreetviewPanorama.setLocationAndPOV() reported at http://code.google.com/p/gmaps-api-issues/issues/detail?id=4194. A new panorama object is now created where previously setLocationAndPOV() had been called.

Please note that the Street Map Control uses the Google Maps v2 API which is deprecated.

Visit Team Maps for mapping tutorials and resources which use the latest Google Maps v3 API.

Setup

apply settings and generate script

Location

Select a location with an available street view panorama.

 A   Select your map location and zoom level

 B   Select your Street View bearing, pitch and zoom

More Location Options

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

x   y   z  

    B   Use the Google Geocoder to find an address

 

Layout Options

Control Width px ( >= 480px)
Control Height px ( >= 280px)
Initial View

Map Options

Map Type
Map Control Type
Mouse Wheel Zooming

Street View Options

Bearing ° (0 to 360)
Pitch ° (-90 to 90)
Magnification ° (0 to 2)

Information Options

Display Streetview Coordinates

KML Options

Add a Google My Map (KML) layer to the map.

Google My Map MSID
Layer Name

apply settings and generate script


Preview


Embed

Copy and paste the script below into your web page.



Please include a link to www.streetcities.com when you include a map on your page, e.g.



More advanced embedding options are available in the Street/Map Control API.

If you find this code useful please support the project with a Donation.

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 event maps and calendars at Map Channels Events for upcoming events around the world.

Search for performer, venue or city