https://github.com/mike-zarandona/easymap.js

easyMap.js takes the pain and time out of working with Google Maps
https://github.com/mike-zarandona/easymap.js

Last synced: about 1 month ago
JSON representation

easyMap.js takes the pain and time out of working with Google Maps

• Host: GitHub
• URL: https://github.com/mike-zarandona/easymap.js
• Owner: mike-zarandona
• Created: 2014-01-30T01:28:18.000Z (almost 11 years ago)
• Default Branch: master
• Last Pushed: 2014-12-03T13:57:53.000Z (about 10 years ago)
• Last Synced: 2023-08-07T13:11:24.505Z (over 1 year ago)
• Language: JavaScript
• Homepage: https://github.com/mike-zarandona/EasyMap.js
• Size: 211 KB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# EasyMap.js

easyMap takes the pain and time out of working with Google Maps.

## Current Version

v1.1 - February 04, 2014

## Getting Started

1. Include [jQuery](http://jquery.com).

2. Include Google Maps API:  `https://maps.googleapis.com/maps/api/js?sensor=false`.

3. Call `.easyMap()` on a target element.

## Example

	$('#map').easyMap({

		locationData: [

			{

				"name": "Location 1",

				"latLng": [34.010974, -84.579449],

				"address": "123 Fake Street, Anytown AB 01234",

				"content": "Location 1 description"

			},

			{

				"name": "Location 2",

				"latLng": [33.790383, -84.286035],

				"address": "234 Fake Avenue, Anycity BC 12345",

				"content": "Location 2 description"

			}

		],

		mapCenter: [33.748995, -84.387982],

		zoom: 11,

		snazzyMapsStyles: [],

		scrollwheel: false,

		disableDefaultUI: true,

		disableDoubleClickZoom: true,

		draggable: false,

		selectElement: '',

		enableLinks: false,

		markerIcon: '/path/to/[email protected]',

		markerIconSize: [40, 65]

	});

## Options

**locationData** required array that accepts a JSON string of locations to be created as map marker points.

**mapCenter** coordinates on which to center the map.

**zoom** represents the zoom level.

**snazzyMapsStyles** JSON string of style controls - check out [snazzymaps.com](http://snazzymaps.com).

**scrollwheel** boolean which turns on or off the mouse ability to zoom the map in and out.

**disableDefaultUI** boolean which turns on or off the default User Interface of the Google Map, such as zoom indicator, compass, scale, terrain/satellite buttons, etc.

**disableDoubleClickZoom** boolean which turns on or off the double-click zoom functionality.

**draggable** boolean which turns on or off the ability to drag and change the center of the map.

**selectElement** string which accepts a `` element.  The first index ( `[0]` ) will recenter the map, while the remaining options are one-to-one references with the `locationData` list.

**enableLinks** boolean which turns on or off `click` listener events using `data-easymap-marker="x"`.  `0` will recenter the map, and a positive integer will correspond one-to-one with the `locationData` list.

**markerIcon** string which accepts the location of the image to be used as the marker "pin" icon for the created map.

**markerIconSize** array which accepts width and height (in pixels) of the `markerIcon`.

## Changelog

### v1.1

- Added the ability to specify a `` element to correspond to and interact with the map markers.

- Added the ability to enable DOM links for programmatic selection of map markers

- Added the option to pass in an address for automatic "Directions" link generation

- Added retina icon support

- Updated documentation

## Author

Mike Zarandona • [http://mike.zarandona.com](http://mike.zarandona.com) • [@mikezarandona](http://twitter.com/mikezarandona)