Add Google Maps in post/page

  • In order to add created Google Maps plugin in post/page, copy/past the shortcode.
    [huge_it_maps id="n"]
  • Include into the template using the following php shortcode:
    <?php echo do_shortcode("[huge_it_maps id='n']"); ?>
  • Or Add like a widget from widgets page
inserting_map

Edit Google Maps

Map Options

  • Map name

    Give a name to your map.

  • 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 map.

  • Center Address

    Give address to map center.

  • Center Latitude

    Set latitude for the map center.

  • Center Longitude

    Set longitude for map center.

  • Map width

    Give size for map width in px.

  • Map height

    Give size for map height in px.

  • Map align

    Put your map on the left, right or center within theme container.

  • Border Radius

    Set the radius for map borders.

  • Map type

    Choose one from 4 different views of the map.

  • Marker Infowindow Open On

    Choose how to open information on marker.

Map Options

Markers

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.

  • Choose Marker

    Icon from our list of stylish markers.

  • Size of Icon

    Choose marker size.

  • Custom Marker Icon

    You can upload your preferable icon(picture) for the marker.

Map Markers

Polygons

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.

  • Line Width

    Set width for boundary line.

  • Fill Transparency

    Select the level of transparency for internal area of polygon.

  • Fill Color

    Choose color for internal area of polygon.

  • On-Hover Fill Transparency

    Select the level of transparency for internal area of polygon while hover.

  • On-Hover Fill Color

    Choose color for internal area of polygon while hover.

  • On-Hover Line Transparency

    Select the level of transparency for boundary line while hover.

  • On-Hover Line Color

    Choose color for boundary line while hover.

Map Polygons

Polylines

Polyline are 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 a 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.

  • On-Hover Line Color

    Choose color of Polyline while hover.

  • On-Hover Line Transparency

    Select the level of Polyline transparency while hover.

Map Polylines

Circles

Circle is a 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.

  • On-Hover Fill Transparency

    Select the level of transparency for internal area of circle while hover.

  • On-Hover Fill Color

    Choose color for internal area of circle while hover.

  • On-Hover Line Transparency

    Select the level of transparency for boundary line while hover.

  • On-Hover Line Color

    Choose color for boundary line while hover.

Map Circles

Layers

Layers - highlighted road areas on map

  • Enable Traffic Layer

    This option will highlight the roads and real-time traffic on them.

  • Enable Bicycling Layer

    Make bicycle road highlighted on your map.

  • Enable Transit layer

    This Highlight transit roads, which connects cities etc.

Map Layers

Map Styling

  • Hue (Color)

    Choose some color/tone for the current map.

  • Lightness

    Adjust the lightness level for current map.

  • Saturation

    Adjust saturation level for current map.

  • Gamma

    Adjust gamma level for current map.

Map Styling

Create copy and export map

  • Create Copy Of This Map.
    With this button you do not have to create your map again, what you need is just click on the Create Copy Of This Map button.
  • Export This Map To CSV
    This button allows you to export your map information as a CSV.
  • Map Export