Step 1. Add Google Map in post/page
In order to add created Google Maps plugin in post/page, copy/past the shortcode. Or add like a widget from widgets page.
Step 2. Edit Google Maps
2.1 Google Maps Options.
- Google Maps names. Give a names to your Google maps
- Enable Pan-Controller. Select to enable movement controller
- Enable Zoom-Controller. Select to enable zoom controller
- Enable Map-Type-Controller. Enables map controller in order to view satellite as well
- Enable Scale-Controller. Select to show scale
- Enable Street-View-Controller. Select to be able to see streets with “little man”
- Enable Overview-Map-Controller. Select to see map controller on the bottom right corner
- Default Zoom. Set the zoom level for maps
- Center Address. Give address to maps center
- Center Latitude. Set latitude for the maps center
- Center Longitude. Set longitude for maps center
- Map width. Give size for maps width (in presents)
- Map height. Give size for maps height (in px)
- Map align. Put your map on the left, right or center within theme container
- Border Radius. Set the radius for maps borders
- PRO Map type. Choose one from 4 different views of the maps
- PRO Marker Infowindow Open On. Choose how to open information on marker
2.2 Markers - Google Map
Click +Add New Marker and create unlimited markers for your specific places . Right Click on map wherever you want marker to appear. Hold pressed and change marker’s position moving mouse.
- Address. Give address to the marker
- Latitude. Select latitude to the marker’s place
- Longitude. Select longitude to the marker’s place
- Animation. Choose animation for the marker
- Title. Give title to the marker
- Description. Give title to the marker/place
- PRO Choose Marker Icon from our list of stylish markers
- PRO Size of Icon. Choose marker size
- PRO Custom Marker Icon. You can upload your preferable icon(picture) for marker
2.3 Polygons - Google Map
- Polygons - bounded highlighted area on the map, showing the specific range, limited with geometric figure.
- Click +Add New Polygons and create new one for your specific area.
- Right click and hold to set polygon’s boundaries
- Name. Give name to the Polygon
- Link. Add link with external URL, which will take to another page
- Latitude & Longitude Data. Manually change or add new borders of polygon
- Line Transparency. Select the level of transparency for boundary line
- Line Color. Choose color for boundary line
- Fill Transparency. Select the level of transparency for internal area of polygon
- Fill Color. Choose color for internal area of polygon
- PRO On-Hover Fill Transparency. Select the level of transparency for internal area of polygon while hover
- PRO On-Hover Fill Color. Choose color for internal area of polygon while hover
- PRO On-Hover Line Transparency. Select the level of transparency for boundary line while hover
- PRO On-Hover Line Color. Choose color for boundary line while hover
2.4 Polylines - Google Map
- Polyline - continuous line composed of one or more line segments, which creates specific track
- Click +Add New Polylines and create new one for your specific area
- Right click and hold to set path of polyline
- Name. Give name to the Polyline
- Latitude & Longitude Data. Right click and select latitude & longitude data for Polyline
- Line Transparency. Select the level of transparency of Polyline
- Line Color. Choose color of Polyline
- Line Width. Set width of Polyline
- PRO On-Hover Line Color. Choose color of Polyline while hover
- PRO On-Hover Line Transparency. Select the level of Polyline transparency while hover
2.5 Circles - Google Map
- Circle - round area, showing the specific range
- Click +Add New Circle and create new one for your specific area
- Right click on map wherever you need to place the circle’s center
- Name. Give name to the Polygon
- Center Address. Give some address for center of the circle
- Center Latitude. Select middle Latitude of the circle range
- Center Longitude. Select middle Longitude of the circle range
- Show Marker? Select YES to see the marker in the middle of the circle
- Radius(meter). Give radius level for circle
- Line Width. Set width for boundary line of circle
- Line Color. Give color to boundary line of circle
- Line Transparency. Choose transparency level for boundary line of circle
- Fill Color. Choose color for internal area of circle
- Fill Transparency. Select the level of transparency for internal area of circle
- PRO On-Hover Fill Transparency. Select the level of transparency for internal area of circle while hover
- PRO On-Hover Fill Color. Choose color for internal area of circle while hover
- PRO On-Hover Line Transparency. Select the level of transparency for boundary line while hover
- PRO On-Hover Line Color. Choose color for boundary line while hover