Google Maps Plus

[TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”warning” panel_icon=”ts-awesome-exclamation-triangle” font_title_family=”Default:regular” font_content_family=”Default:regular”]

This element replaces the former “TS Google Maps” element, which has been deprecated and subsequently renamed to “TS Google Maps (Deprecated)”. The old element is by default disabled, but can be re-enabled in the plugin settings, if it is for some reason still required.

[/TS_VCSC_Info_Notice]

[TS-VCSC-Icon-Title title=”Map Features” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RmVhdHVyZXM=”][TS_VCSC_Fancy_List list_type=”image” marker_image=”http://tekanewascripts.com/vcextensions/wp-content/plugins/ts-visual-composer-extend/images/bullets/bullet_arrow_blue.png” el_file=””]

  • Show multiple maps on one page
  • Multiple markers on one map
  • Optional marker clusterer
  • Multiple overlays (circle, rectangle, polygon or polyline) on one map
  • Group and filter markers and overlays
  • Option to provide control option to quickly select individual marker
  • Option to provide search option to find new locations on map
  • Extensive “live listener” mode for map to easily find coordinates and addresses
  • Control map dragging feature ( on/off switch, always, mobile, desktop,screen width)
  • Dedicated optional streetview panel for map markers
  • 300 included map marker
  • Upload your custom marker
  • 40+ different color patterns for road map
  • Marker animation (drop or bounce)
  • Custom marker info-window with full HTML
  • Option to open infowindow on map load
  • Includes Open Street Map layer for road map
  • Control button for traffic, transit and bicycle trail layer
  • Home button to quickly center map back on location
  • Map activation button for mobile devices to ease scrolling
  • Easily show or hide control elements (zoom, pan, street layer, etc.)
  • Option to expand map to use full width of available theme main container
  • Option to prevent Google Map API from loading if already loaded otherwise
  • Translation options for all text strings used on the frontend

[/TS_VCSC_Fancy_List]

[TS-VCSC-Icon-Title title=”Basic Map” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”QmFzaWM=”][TS_VCSC_GoogleMapsPlus_Container googlemap_style=”style_bentley” googlemap_height=”530″ center_type=”address” center_address=”350 5th Ave, New York, NY 10118″ layers_transit=”true” el_file1=””][TS_VCSC_GoogleMapsPlus_Marker marker_title=”Empire State Building” marker_position=”address” marker_address=”350 5th Ave, New York, NY 10118″ marker_streetview=”true” marker_directions=”true” marker_link=”true” marker_style=”internal” marker_internal=”apartment-3.png” marker_url=”url:https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FEmpire_State_Building||target:%20_blank”]

The Empire State Building is a 102-story skyscraper located in Midtown Manhattan, New York City, on Fifth Avenue between West 33rd and 34th Streets. It has a roof height of 1,250 feet (381 m), and with its antenna spire included, it stands a total of 1,454 feet (443 m) high.

[/TS_VCSC_GoogleMapsPlus_Marker][/TS_VCSC_GoogleMapsPlus_Container]

[TS-VCSC-Icon-Title title=”Full-Width Map with All Features” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”RnVsbC1XaWR0aCUyQyUyMEZlYXR1cmVz”][TS_VCSC_GoogleMapsPlus_Container googlemap_clusters=”true” googlemap_full=”true” controls_styler=”true” controls_groups=”true” controls_select=”true” controls_search=”true” layers_transit=”true”][TS_VCSC_GoogleMapsPlus_Marker marker_title=”Brandenburg Gate” marker_group=”Land Marks” marker_latitude=”52.516506″ marker_longitude=”13.380644″ marker_directions=”true” marker_viewer=”true” marker_link=”true” marker_url=”url:https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FBrandenburg_Gate||target:%20_blank”][/TS_VCSC_GoogleMapsPlus_Marker][TS_VCSC_GoogleMapsPlus_Marker marker_title=”Berlin Victory Column” marker_group=”Land Marks” marker_latitude=”52.514599″ marker_longitude=”13.351492″ marker_directions=”true” marker_viewer=”true” marker_link=”true” marker_url=”url:https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FBerlin_Victory_Column||target:%20_blank”][/TS_VCSC_GoogleMapsPlus_Marker][TS_VCSC_GoogleMapsPlus_Marker marker_title=”Berlin TV Tower” marker_group=”Land Marks” marker_latitude=”52.522150″ marker_longitude=”13.409483″ marker_directions=”true” marker_viewer=”true” marker_link=”true” marker_url=”url:https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FFernsehturm_Berlin||target:%20_blank”][/TS_VCSC_GoogleMapsPlus_Marker][TS_VCSC_GoogleMapsPlus_Marker marker_title=”Berlin Cathedral Church” marker_group=”Churches” marker_latitude=”52.518457″ marker_longitude=”13.401132″ marker_directions=”true” marker_viewer=”true” marker_link=”true” marker_style=”internal” marker_internal=”congress.png” marker_url=”url:https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FBerlin_Cathedral||target:%20_blank”][/TS_VCSC_GoogleMapsPlus_Marker][TS_VCSC_GoogleMapsPlus_Marker marker_title=”Berlin Zoological Garden” marker_group=”Animals” marker_latitude=”52.508108″ marker_longitude=”13.334713″ marker_directions=”true” marker_viewer=”true” marker_link=”true” marker_style=”internal” marker_internal=”zoo.png” marker_url=”url:https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FBerlin_Zoological_Garden||target:%20_blank”][/TS_VCSC_GoogleMapsPlus_Marker][TS_VCSC_GoogleMapsPlus_Marker marker_title=”Animal Park Berlin” marker_group=”Animals” marker_latitude=”52.503332″ marker_longitude=”13.520926″ marker_directions=”true” marker_viewer=”true” marker_link=”true” marker_style=”internal” marker_internal=”zoo.png” marker_url=”url:https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FTierpark_Berlin||target:%20_blank”][/TS_VCSC_GoogleMapsPlus_Marker][TS_VCSC_GoogleMapsPlus_Marker marker_title=”Aquarium Berlin” marker_group=”Animals” marker_latitude=”52.505524″ marker_longitude=”13.339926″ marker_directions=”true” marker_viewer=”true” marker_link=”true” marker_style=”internal” marker_internal=”restaurant_fish.png” marker_url=”url:https%3A%2F%2Fen.wikipedia.org%2Fwiki%2FAquarium_Berlin||target:%20_blank”][/TS_VCSC_GoogleMapsPlus_Marker][TS_VCSC_GoogleMapsPlus_Overlay overlay_type=”polygon” overlay_title=”Animal Park Berlin” overlay_group=”Overlays” polytype_coordinates=”%5B%7B%22coordinates%22%3A%2252.49477475%2C13.52567196%22%7D%2C%7B%22coordinates%22%3A%22%2052.49644693%2C13.53266716%22%7D%2C%7B%22coordinates%22%3A%22%2052.4927367%2C13.53202343%22%7D%2C%7B%22coordinates%22%3A%2252.49281509%2C13.53498459%22%7D%2C%7B%22coordinates%22%3A%2252.49715236%2C13.53554249%22%7D%2C%7B%22coordinates%22%3A%2252.49759652%2C13.53743076%22%7D%2C%7B%22coordinates%22%3A%22%2052.49858932%2C13.5394907%22%7D%2C%7B%22coordinates%22%3A%22%2052.50579952%2C13.53695869%22%7D%2C%7B%22coordinates%22%3A%22%2052.50896014%2C13.53678703%22%7D%2C%7B%22coordinates%22%3A%22%2052.50982208%2C13.535285%22%7D%2C%7B%22coordinates%22%3A%2252.50992656%2C13.53262424%22%7D%2C%7B%22coordinates%22%3A%2252.50922133%2C13.53185177%22%7D%2C%7B%22coordinates%22%3A%2252.50914298%2C13.53288174%22%7D%2C%7B%22coordinates%22%3A%22%2052.50816347%2C13.53288174%22%7D%2C%7B%22coordinates%22%3A%22%2052.50815041%2C13.52949142%22%7D%2C%7B%22coordinates%22%3A%2252.50786309%2C13.52708817%22%7D%2C%7B%22coordinates%22%3A%22%2052.50718395%2C13.52498531%22%7D%2C%7B%22coordinates%22%3A%22%2052.5075627%2C13.5249424%22%7D%2C%7B%22coordinates%22%3A%22%2052.50593013%2C13.52005005%22%7D%2C%7B%22coordinates%22%3A%22%2052.50289991%2C13.52095127%22%7D%2C%7B%22coordinates%22%3A%2252.5030044%2C13.52193832%22%7D%2C%7B%22coordinates%22%3A%2252.50250805%2C13.52219582%22%7D%2C%7B%22coordinates%22%3A%22%2052.50284766%2C13.52365494%22%7D%2C%7B%22coordinates%22%3A%22%2052.50026136%2C13.52511406%22%7D%2C%7B%22coordinates%22%3A%22%2052.49976498%2C13.52243185%22%7D%5D” style_stroke_rgba=”#1e73be” style_fill_rgba=”rgba(30,115,190,0.2)” overlay_link=”true” overlay_url=”url:http%3A%2F%2Fwww.tierpark-berlin.de%2F||target:%20_blank”]Land Area: 160 hectares (400 acres)
Number of Species: 846
Number of Animals: 7,250[/TS_VCSC_GoogleMapsPlus_Overlay][TS_VCSC_GoogleMapsPlus_Overlay overlay_type=”polyline” overlay_title=”Federal Highway 5 (B5)” overlay_group=”Overlays” polytype_coordinates=”%5B%7B%22coordinates%22%3A%2252.52896341%2C13.11922073%22%7D%2C%7B%22coordinates%22%3A%2252.52875455%2C13.12145233%22%7D%2C%7B%22coordinates%22%3A%22%2052.5068705%2C13.2284832%22%7D%2C%7B%22coordinates%22%3A%2252.51637756%2C13.3767128%22%7D%2C%7B%22coordinates%22%3A%22%2052.51778777%2C13.3767128%22%7D%2C%7B%22coordinates%22%3A%2252.51810114%2C13.38048935%22%7D%2C%7B%22coordinates%22%3A%2252.51648202%2C13.3809185%22%7D%2C%7B%22coordinates%22%3A%22%2052.51773554%2C13.3993721%22%7D%2C%7B%22coordinates%22%3A%22%2052.52410706%2C13.4122467%22%7D%2C%7B%22coordinates%22%3A%2252.5185712%2C13.42825413%22%7D%2C%7B%22coordinates%22%3A%22%2052.51601194%2C13.45378876%22%7D%2C%7B%22coordinates%22%3A%2252.50953477%2C13.51884842%22%7D%2C%7B%22coordinates%22%3A%22%2052.51037059%2C13.53069305%22%7D%2C%7B%22coordinates%22%3A%22%2052.50848998%2C13.56142044%22%7D%2C%7B%22coordinates%22%3A%22%2052.50525096%2C13.57343674%22%7D%2C%7B%22coordinates%22%3A%2252.50462402%2C13.61515045%22%7D%2C%7B%22coordinates%22%3A%2252.50326563%2C13.62836838%22%7D%5D” style_stroke_weight=”4″ style_stroke_rgba=”#ff0000″]Total Length: 553km (344 mi)

The Bundesstraße 5 or B5 is a German federal highway running in a northwesterly to southeasterly direction from the Danish border near Niebüll to Frankfurt (Oder). It provides a direct route for motorists traveling between Berlin and Hamburg.

In Berlin, B5 forms among others the following squares and streets: Heerstraße, Theodor-Heuss-Platz, Kaiserdamm, Straße des 17. Juni, Großer Stern, Unter den Linden, Karl-Liebknecht-Straße, Alexanderplatz, Karl-Marx-Allee, Frankfurter Tor, and Frankfurter Allee.

[/TS_VCSC_GoogleMapsPlus_Overlay][/TS_VCSC_GoogleMapsPlus_Container]

[TS-VCSC-Icon-Title use_encode=”true” title_encoded=”TWFwJTIwaW4lMjAlMjJMaXZlJTIwTGlzdGVuZXIlMjIlMjBNb2RlJTIwJTI4Tm9uLU1vYmlsZSUyME9ubHklMjk=” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”JTIyTGl2ZSUyQyUyMExpc3RlbmVyJTIy”][TS_VCSC_Info_Notice panel_layout=”notice” panel_type=”warning” panel_icon=”ts-awesome-exclamation-triangle” font_title_family=”Default:regular” font_content_family=”Default:regular”]

The map “live listener” mode should not be used for the final version of your map that you want to present to your site visitors, although you are of course free to do so anyway. Due to extensive event listeners, the map can be taxing on some browsers. But the “live listener” mode can be really helpful when building your map markers or overlays, as it can help you in determining coordinates or addresses. The “Live Listener” mode will not be available on mobile devices.

[/TS_VCSC_Info_Notice][TS-VCSC-Spacer height=”0″]

How to use the "Live Listener" Mode

When the map is set to “Live Listener mode”, it will track all mouse movement and clicks that are done on the map, automatically calculating the GPS coordinates for the mouse position. Anytime a mouse click is detected on the map, a new marker will be generated for that location, with an automated infowindow that includes the GPS coordinates, and if available, an address. Markers created that way can also be dragged around the map, and coordinates and address will be updated accordingly. In order to remove a marker that has been set while in “Live Listener Mode”, simply make a double click on the marker, and it will be removed.

[TS_VCSC_GoogleMapsPlus_Container googlemap_listeners=”true” googlemap_tiles=”true” googlemap_height=”400″ center_type=”address” center_address=”Berlin, Germany” googlemap_openlayers=”false” controls_home=”false” layers_biking=”false” layers_traffic=”false”][/TS_VCSC_GoogleMapsPlus_Container]