Map Widget using Gmap

Data Attribute Value Description
data-gmap latitude,longitude Trigger the gMap, and put the map coordinates as its center.
data-controls
  • basic (default)
  • advance
Show map control:
Basic:
  • no controls
Advance:
  • panControl
  • zoomControl
  • mapTypeControl
data-map-zoom
  • 14 (default)
Set Map Zoom value: 1 - 20
data-map-type
  • ROADMAP (default)
  • TERRAIN
Set map view type
data-scroll-wheel
  • true (default)
  • false
Enable / disable mouse scroll on map
data-markers array of object
objects:
  • coordinate : latitude , longitude
  • icon : get image in img/markers/ value .png
  • infoTarget : id of targeted element
Add markers on map with value array of objects.
  • coordinate : marker coordinate
  • icon : png image name for marker
  • infoTarget : marker on click will show information on id of targeted element

Roadmap

Terrain Zoom 5

Icon warning





Large Map

3 Markers

3 Markers, Disable Scroll Wheel, Advance Control