SALT Map

Description

Uses google maps to visualise locations on a map. Creates a custom post type for locations and the possibility to have custom fields like address and other information. Then the information is formated for the info window with help of a template. By having the possibility to place the info window outside the map for small screens it functions well for mobile device too.

In addition to displaying the Locations it has support for search among locations with auto completion. The search will be one in all information about the location but all information does not have to be displayed by the template.

The map can be placed on whatever page or post you like with a short code. By giving the short code parameters global values can be override and locations can be filtered for each map. see short code section below for more details.

Templating

The info window is formated according to a template that is set in the global settings it is based on mustache.js tempting framework. There is an example template in the distribution of the plugin named template_example.html. It is the id that is refereed in the template.

Styling

The plugin adds the salt_map.css which can be used to add style to the info window.

API Key

The plugin will work for now without registering a API key with google since mine still is active but for reliability it is recommended to register your own. Here are some instructions on how to get an API key from Google.

Short Code

The salt map is integrated with the short code ‘salt_map’. It has several parameters. All
settings data can be override through the short code parameters, for a list of parameters
se “Available parameters” here below.
If you want to have several maps on one page then the instanceName parameter is mandatory.

Available parameters

• height, hight of this map instance.
• lat, inital center latetude.
• lng, inital center longitude.
• zoom, inital zoom.
• gridSize, limit for when to group locations
• maxWidth, max width of infowindow
• includeSearch, Add the search field by setting to true
• largeScreenLimit, screen size limit for when to display infowindow insode or outside map.
• filterAttribute, specifies an attribute to filter locations on. filterValue has to be set for this parameter to function.
• filterValue, specifies the value to filter attribute on, comarisone is made with LIKE. filterAttribute has to be set for this parameter to function.

Example

[salt_map height=500px instanceName=First]

Dependencies

• Markercluster
• Google maps API
• mustache.js

Known Limitations

• None that we know of