mwi-jquery-google-map v1.0.2

MWI jQuery Google Map

MWI Google Map Integration

Usage

$(function() {
  $('#map').mwimap();
})

Defaults

Only 11 addresses can be geocoded. If you plan on having more than 11 markers you will need to provide lat/lng for each location.

{
  locations: [
    {
      title: 'Midwestern Interactive',
      address: '212 S Main Joplin MO 64801',
      icon: '',
      lat: '',
      lng: '',
      info: ''
    },
  ],
  pathCoords: null,
  zoom: 10,
  pathColor: '000000',
  pathWidth: '2',
  pathOpacity: '0.8',
  scrollwheel: false,
  zoomControl: true,
  streetViewControl: false,
  mapTypeControl: false,
  scaleControl: false,
  handleResize: true,
  styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}],
}

Styling Info Window

All Info Windows are wrapped in div.infowindow