[{"name":"Contact Form 7 extension for Google Map fields","slug":"cf7-google-map","version":"1.9.0","author":"Aurovrata V.","author_profile":"https://profiles.wordpress.org/aurovrata/","requires":"5.6","tested":"6.2.6","requires_php":"7.4","requires_plugins":[],"rating":94,"ratings":{"1":1,"2":0,"3":0,"4":1,"5":13},"num_ratings":15,"support_threads":0,"support_threads_resolved":0,"downloaded":33621,"last_updated":"2023-07-11 12:29pm GMT","added":"2017-02-18","homepage":"https://github.com/aurovrata/cf7-google-map","sections":{"description":"

This plugin enables the insertion of google maps into contact form 7 as an input field, functionality available with this plugin include

\n
Multi-map per form – the zoom and default location to be configured in the form edit page itself, thus different maps/forms can have different default map zoom levels and pin location. The front end form displays the configured map and registers the location change of the pin which can be included in the email notification.
\n
\n
Compatible with Post My CF7 Form – play nice with the Post My CF7 Form plugin
\n
\n
Address lookup search bar – a search field is available to lookup addresses, if a user changes manually the first line of the (optional) address field, the reverse-geocode is frozen. This allows for address corrections.
\n
\n
Reverse Geocode – an optional set of address fields can be enabled from the cf7 tag to display reverse-geocode text address
\n
\n
Totally customisable – a set of filters are provided to control all configuration parameters on each map.
\n
\n
Popup compatible – this plugin allows users to control defferred map initialisation on popups.
\n
\n
Customise map actions – the plugin exposes the map object with events (on initialisation/updates), allowing users to add additional features to their maps. The plugin makes use of JQuery Google Maps (gmap3) plugin, and exposes both the Gmap3 as well as the Google map objects.
\n

Google map is disabled for Airplane Mode plugin activation to allow you to develop without an Internet connection.

Plays nice with repetitive fields constructs from the Smart Grid-Layout extension for CF7 plugin.

Checkout our other CF7 plugin extensions

\n
CF7 Polylang Module – this plugin allows you to create forms in different languages for a multi-language website. The plugin requires the Polylang plugin to be installed in order to manage translations.
\n
\n
Smart Grid-layout Extension for CF7 – this plugin fixes amny shortcomings of the CF7 plugin, most importantly it allows you to build a grid-layout (multi-row/multi-column) responsive form among many other useful functionality.
\n
\n
Post My CF7 Form – this plugin allows you to save you cf7 form submissions to a custom post, map your fields to meta fields or taxonomy. It also allows you to pre-fill fields before your form is displayed.
\n

Final slide-form data

\n","installation":"

Unpack cf7-google-map.zip to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Get a Google Map API key and insert it in the plugin Settings->CF7 Google Map page. Make sure you enable the required APIs (see faq #).
Create a new form in the CF7 editor. Select the [Google Map] tag, and configure your map.
The plugin creates 2 email tags for submitted location, the lat-<field-name' andlng-`. This allows you to include multiple maps in a single form if needed.

\n","faq":"\n

\n1. My map is darkened , or ‘negative’ and is watermarked with the text “for development purposes only”.\n\n

This is an issue with your Google API key not having the APIs enabled. You need to ensure several things. If you have enabled both Geocode API option and Google Places in the plugin settings, then you need to make sure those APIs are enabled on your key. To enalbe the APIs, log into your Google dashboard, select your project (or create a new one) and navigate to the APIs & Services section. You can then enable/add APIs and search for the Geocoding API and the Google Places API and enable the ones you need. If you are still facing this issue, check Google’s other steps in this FAQ on this issue.

\n2. I am based in Brazil/Canada/India and my map is not working.\n\n

If you are facing the issue described in faq#1 above, and you have enabled all the required APIs but your map is still not functioning, then likely the issue you are facing is related to billing. Request from Brazil/Canada/India need to have API Keys for projects that are linked to a billing-enabled account. See this issue on Google’s faq.

\n3. How do I retrieve a lat/lng value when my form is submitted?\n\n

The forms submits a $_POST['lat-<map-field-name>'] and a $_POST['lng-<map-field-name>'] which you can access by hooking the cf7 action hook wpcf7_mail_sent as well as wpcf7_mail_failed just in case the mail failed but the form still submitted successfully,

add_action('wpcf7_mail_sent', 'get_lat_lng_values');\nadd_action('wpcf7_mail_failed', 'get_lat_lng_values');\nfunction get_lat_lng_values(){\n  //assuming your map field is named your-location,\n  if(!isset($_POST['lat-your-location'])) return;\n  $lat = $_POST['lat-your-location'];\n  $lng = $_POST['lng-your-location'];\n}\n

\n4. How can I display a link to a google map location in the notification mail?\n\n

Assuming you created a map field called ‘your-location’, the mail tag [your-location]`, will by default display the ‘lat,lng’ coordinates of the location your user selected.
\nYou can build a google map link such as,

<a href=\"http://maps.google.com/maps?q=[lat-your-location],[lng-your-location]&ll=[lat-your-location],[lng-your-location]&z=8\">Location map</a>\n

this will create a link to a map centered on the coordinates with a location pin at the coordinates. You can also change the zoom z value to the desied level.

\n5. How to setup custom address fields ?\n\n

In some countries (Japan, Germany, Spain…) the order of address fields change and so it may be desirable to design a form with address fields in the order in which the user would naturally write a postal address. For this purpose, v1.4 of this plugin introduces custom field functionality. It is up to your to create/add additional text fields in your form that will be populated using javascript events.

Here is an example of a form with a map tag and additional address fields, along with some custom javascript to ensure your fields are correctly populated when a user interacts with the map.

  <p>[map your-location custom_address \"zoom:7;clat:12.044014700107471;clng:79.32083256126546;lat:12.007089;lng:79.810600\"]\n <p id=\"line\">Your address (street) [text your-address-line]</p>\n <p id=\"city\">Your address (city) [text your-address-city]</p>\n <p id=\"pincode\">Your address (pin) [text your-address-pin]</p>\n [submit \"Send\"]\n <script type=\"text/javascript\">\n   (function($){\n     $(document).ready( function(){\n       $('.cf7-google-map-container.your-location').on('update.cf7-google-map', function(e){\n         //the event has 5 address fields, e.address.line, e.address.city, e.address.pin, e.address.state, e.address.country.\n         //some fields may be empty.\n         $('p#line input').val(e.address.line);\n         $('p#city input').val(e.address.city);\n         $('p#pincode input').val(e.address.pin);\n       })\n     })\n   })(jQuery)\n </script>\n

If you are using the address mail tag in your mail notification, and want your users to modify the address displayed through your custom fields, then it is important that you fire a similar event as the one above on the map container. This will notify the plugin to update the complete address field which will be used to populate the mail tag,

$('p#line input, p#city input, p#pincode input').on('change', function(){\n  var event = $.Event(\"update.cf7-google-map\", {\n      'address': {\n        'line': '', /*insert the first line here*/\n        'city': '', /*insert the city here*/\n        'state': '',/*insert the state here*/\n        'country': ''/*insert the country here*/\n      },bubbles: true,cancelable: true});\n  /*NOTE: it is not important how many details you enter, only the values will be submitted in the same order.*/\n  $('.cf7-google-map-container').trigger(event);\n}\n

\n6. How can I customise the display of the address in the notification mail?\n\n

if you include the address mail tag [address-] into the notification mail body, it will be by default displayed with each field on a new line. If you need to change this, hook the following filter,

add_filter('cf7_google_map_mailtag_address', 'change_address_format',10,3);\nfunction change_address_format($formatted_address, $address, $field){\n  if('my-location'==$field){ //make sure you're handling the right form field.\n    $formatted_address=implode(', ',$address);\n  }\n  return $formatted_address;\n}\n

\n7. Can I change the default map settings ?\n\n

yes, you can using the following hook you can filter the map type (set to ROADMAP by default),

add_filter('cf7_google_map_default_type', 'change_map_type', 10,2);\nfunction change_map_type($type, $field){\n  //type must be either ROADMAP/SATELLITE/TERRAIN/HYBRID.\n  if('your-location' ==$field) $type = 'SATELLITE';\n  return $type;\n}\n

you can disable/enable map controls,

add_filter('cf7_google_map_settings', 'use_custom_map_settings',10,2);\nfunction use_custom_map_icon($settings, $field_name){\n  if( 'your-location' == $field_name ){\n    $settings['mapTypeControl']= false; //hide (true by default).\n    $settings['navigationControl']= false; //hide (true by default).\n    $settings['streetViewControl']= false; //hide (true by default).\n    $settings['zoomControl']=false; //hide (false by default).\n    $settings['rotateControl']=true; //show (false by default).\n    $settings['fullscreenControl']=true; //show (false by default).\n    $settings['rotateControl']= true; //show (false by default).\n    $settings['zoom']= 12; //set by default to the value initialised at the time of creating the form tag.\n    $settings['center'] = array('11.936825', '79.834278'); //set by default to the value initialised at the time of creating the form tag.\n\n  }\n  return $settings;\n}\n

you can filter the map marker’s settings,

add_filter('cf7_google_map_marker_settings', 'use_custom_marker_settings',10,2);\nfunction use_custom_marker_settings($settings, $field_name){\n  if( 'your-location' == $field_name ){\n    $settings['icon'] = ... //set your image url here.\n    $settings['draggable'] = false; //true by default.\n    $settings['position'] = array('11.936825', '79.834278'); //set by default to the value initialised at the time of creating the form tag.\n\n  }\n  return $settings;\n}\n

\n9. Can I translate my address field labels ?\n\n

If you are using the built-in address fields provided by the plugin, you can change the labels of the fields usig the following hooks,

add_filter('cf7_google_map_address_label', 'change_address_label',10,2)\nfunction change_address_label($label, $field_name){\n  if('your-location'==$field_name){\n    $label = 'Adresse';\n  }\n  return $label;\n}\nadd_filter('cf7_google_map_city_label', 'change_city_label',10,2)\nfunction change_city_label($label, $field_name){\n  if('your-location'==$field_name){\n    $label = 'Ville';\n  }\n  return $label;\n}\nadd_filter('cf7_google_map_pincode_label', 'change_pincode_label',10,2)\nfunction change_pincode_label($label, $field_name){\n  if('your-location'==$field_name){\n    $label = 'Code postal';\n  }\n  return $label;\n}\nadd_filter('cf7_google_map_country_label', 'change_country_label',10,2)\nfunction change_country_label($label, $field_name){\n  if('your-location'==$field_name){\n    $label = 'Pays'\n  }\n  return $label;\n}\n

\n10. Is it possible to interact with the Map and bind event changes ?\n\n

As of v1.6 it is possible to interact with the gmap3 library object once initialised, each time a user drags the marker, or if you enable geocode API, to bind address updates when a new search result is selected.

You can get example snipet javascript code examples if you use the Smart Grid extension which has a grid UI editor with code shortcuts to save time in development (see Screenshot #17 on the plugin’s page), else you can bind the following events,

$('.cf7-google-map-container').on('init.cf7-google-map drag.cf7-google-map update.cf7-google-map', function(e){\n  //event e contains various object references. e.gm3 for the gmap3 object, e.marker, e.gmap are the google marker and map respectively.\n  //so to set a circle around the marker...\n  e.gm3.circle({\n    center: [e.marker.position.lat(),e.marker.position.lng()],\n    radius : 750,\n    fillColor : '#b0b14eb1',\n    strokeColor : '#fff100ff'\n  });\n\n});\n

\n11. What are the JavaScript Events exposed ?\n\n

As of v1.8 in addition of jQuery Event objects being triggered, plain vanilla JavaScript events are also fired,
\nAll the events are fired on the map containter .cf7-google-map-container

jQuery events:

init.cf7-google-map\ndrag.cf7-google-map\nupdate.cf7-google-map\n

the init event is fired on initialisation of a map and exposes

gm3 gmap3 object,
gmap Google map object,
marker the Google marker object that has been updated.
settings.center the coodrinates of the center of the map as an array with [lat,lng]
settings.zoom the zoom level of the map.
settings.type the map type used,
settings.marker the current marker’s coordiates as an array [lat,lng]

the drag event is fired when a marker is dragged on the map, it exposes,

settings.center the coodrinates of the center of the map as an array with [lat,lng]
settings.zoom the zoom level of the map.
settings.type the map type used,
settings.marker the current marker’s coordiates as an array [lat,lng]

the update event is fired with then the marker on the map is changed (when the search field is used to automatically located an result), it exposes,

gm3 gmap3 object,
gmap Google map object,
marker the Google marker object that has been updated.
address the address of the marker location,

**JavaScript equivalent events **

init/cf7-google-map\ndrag/cf7-google-map\nupdate/cf7-google-map\n

However note that in JavaScript events, map objects are found in the event.detail property, while in the jQuery event object these are exposed directly in the root of the event object.

\n12. How can I defer the initialisation of a map ?\n\n

To programmatically trigger a map intialisation you need to first turn off the automatic initialisation using the filter,

add_filter( 'cf7_google_map_initialise_on_document_ready','your_location_stop_initialise',10,2);\n/**\n* Filter initialisation on document ready event.\n* You can stop the automatic intialisation should you want to control the process on a separate popup.\n* @param Boolean $do_init weather to initialise or not, true by default.\n* @param String $field the field name being populated.\n*/\nfunction your_location_stop_initialise($do_init, $field){\n  if( 'your-location' !== $field) return $do_init; //check if this is the right map field.\n  return false;\n}\n

on the front-end you need to fire the initialise-cf7-gmap event on the map container,

$(document).ready(function(){\n  //assuming your field is 'your-location'\n  $('.cf7-google-map-container.your-location').trigger('initialise-cf7-gmap');\n})\n

\n\n","changelog":"

1.9.0

minified js/css for live sites.
fixed issues with event for repetitive maps.

1.8.4

fix repetitive fields.
fix code security.

1.8.3

fix admin notice options tracking.

1.8.2

fix multi-map init search bar.
fix search bar resize.

1.8.1

fix geocoder name clash.

1.8.0

fixed jquery 3 issues with search bar.
added filter ‘cf7_google_map_initialise_on_document_ready’
enable event-based control of map initialisation for popup forms.

1.7.3

fix multi-map fields/multi-forms in single page/Post My CF7 Form compatibility.
enable repetitive map fields in Smart Grid.

1.7.2

fix address fields.

1.7.1

fix marker bug in js udpate event.

1.7.0

fix map required display message.
enable multiple map fields in a page/form.

1.6.0

expose js map objects on the client side with events.
better integration with CF7 Smart Grid UI editor plugin.
\n=1.5.0=
move main google js script into separate file.
upgrade js to ES6.
add cf7_google_map_marker_settings filter.
add cf7_google_map_settings filter.
\n=1.4.5=
fix search.
fix settings links.
fix search button position.
\n=1.4.4=
fix ROADMAP filter.
\n=1.4.3=
fix HTML map field markup.
updated settings to improve API key setup.
fix address field fatal error.
fix mail tag bugs.
\n=1.4.2=
setup submitted address field to cf7 posted data.
\n=1.4.1=
fix boolean flag bug on maps with not address fields.
\n=1.4.0=
add custom address fields.
capture map centre on zoom change in admin page.
check on admin page if post_type is set.
added FAQ to retrieve lat/lng.
added FAQ to populate custom address fields.
\n=1.3.2=
fix search box results bug.
\n=1.3.1=
url scheme bug fix.
\n=1.3.0=
settings for Geocoding API and Google Places API.
faq updated with more info.
searchbox places marker are now draggable.
searchbox places marker delete default marker location.
\n=1.2.6=
fix optional address field bug.
fix map not being displayed for std cf7 forms.
\n=1.2.5=
fix WP_GURUS_DEBUG constant warning.
\n=1.2.4=
airplane-mode plugin compatible.
\n=1.2.3=
bug fix: validation error message
\n=1.2.2=
bug fix: map centre on drag.
\n=1.2.1=
bug fix for loading existing draft form maps.

1.2

enable loading map coordinates in saved draft forms.
map inputs not cleared when draft form saved using Post My CF7 Form plugin.
bug fix saving map details using Post My CF7 Form plugin.

1.1

added search field
added optional address fields with reverse-geocoding

1.0

first version, only in english locale

\n","screenshots":"

$\"Save$
Save your Google API key in the settings, else your map will not function
$\"Insert$
Insert a Google Map tag into your cf7 form
$\"You$
You can set the default parameters for your map, this will be used to display the default zoom level as well as pin location in the form
$\"The$
The map is by default set to take up 100% width in the form, and a height of 120px. Override this in your child css stylesheet to size up your map.
$\"Optional$
Optional address fields get auto-filled by the reverse-geocode lookup. The map as contains a search field to locate an address (you will need to enable the appropriate Google APIs).

"},"short_description":"This plugin enables the insertion of google maps into contact form 7 as an input field.","download_link":"https://downloads.wordpress.org/plugin/cf7-google-map.1.9.0.zip","screenshots":{"1":{"src":"https://ps.w.org/cf7-google-map/assets/screenshot-1.png?rev=1598551","caption":"Save your Google API key in the settings, else your map will not function"},"2":{"src":"https://ps.w.org/cf7-google-map/assets/screenshot-2.png?rev=1598551","caption":"Insert a Google Map tag into your cf7 form"},"3":{"src":"https://ps.w.org/cf7-google-map/assets/screenshot-3.png?rev=1598551","caption":"You can set the default parameters for your map, this will be used to display the default zoom level as well as pin location in the form"},"4":{"src":"https://ps.w.org/cf7-google-map/assets/screenshot-4.png?rev=1598551","caption":"The map is by default set to take up 100% width in the form, and a height of 120px. Override this in your child css stylesheet to size up your map."},"5":{"src":"https://ps.w.org/cf7-google-map/assets/screenshot-5.png?rev=1607454","caption":"Optional address fields get auto-filled by the reverse-geocode lookup. The map as contains a search field to locate an address (you will need to enable the appropriate Google APIs)."}},"tags":{"contact-form-7":"contact form 7","contact-form-7-extension":"contact form 7 extension","contact-form-7-module":"contact form 7 module","google-map":"google map","maps":"maps"},"versions":{"1.0":"https://downloads.wordpress.org/plugin/cf7-google-map.1.0.zip","1.1":"https://downloads.wordpress.org/plugin/cf7-google-map.1.1.zip","1.2.0":"https://downloads.wordpress.org/plugin/cf7-google-map.1.2.0.zip","1.2.1":"https://downloads.wordpress.org/plugin/cf7-google-map.1.2.1.zip","1.2.2":"https://downloads.wordpress.org/plugin/cf7-google-map.1.2.2.zip","1.2.3":"https://downloads.wordpress.org/plugin/cf7-google-map.1.2.3.zip","1.2.4":"https://downloads.wordpress.org/plugin/cf7-google-map.1.2.4.zip","1.2.5":"https://downloads.wordpress.org/plugin/cf7-google-map.1.2.5.zip","1.2.6":"https://downloads.wordpress.org/plugin/cf7-google-map.1.2.6.zip","1.3.0":"https://downloads.wordpress.org/plugin/cf7-google-map.1.3.0.zip","1.3.1":"https://downloads.wordpress.org/plugin/cf7-google-map.1.3.1.zip","1.3.2":"https://downloads.wordpress.org/plugin/cf7-google-map.1.3.2.zip","1.4.0":"https://downloads.wordpress.org/plugin/cf7-google-map.1.4.0.zip","1.4.1":"https://downloads.wordpress.org/plugin/cf7-google-map.1.4.1.zip","1.4.2":"https://downloads.wordpress.org/plugin/cf7-google-map.1.4.2.zip","1.4.3":"https://downloads.wordpress.org/plugin/cf7-google-map.1.4.3.zip","1.4.4":"https://downloads.wordpress.org/plugin/cf7-google-map.1.4.4.zip","1.4.5":"https://downloads.wordpress.org/plugin/cf7-google-map.1.4.5.zip","1.5.0":"https://downloads.wordpress.org/plugin/cf7-google-map.1.5.0.zip","1.6.0":"https://downloads.wordpress.org/plugin/cf7-google-map.1.6.0.zip","1.7.0":"https://downloads.wordpress.org/plugin/cf7-google-map.1.7.0.zip","1.7.1":"https://downloads.wordpress.org/plugin/cf7-google-map.1.7.1.zip","1.7.2":"https://downloads.wordpress.org/plugin/cf7-google-map.1.7.2.zip","1.7.3":"https://downloads.wordpress.org/plugin/cf7-google-map.1.7.3.zip","1.8":"https://downloads.wordpress.org/plugin/cf7-google-map.1.8.zip","1.8.4":"https://downloads.wordpress.org/plugin/cf7-google-map.1.8.4.zip","1.9.0":"https://downloads.wordpress.org/plugin/cf7-google-map.1.9.0.zip","trunk":"https://downloads.wordpress.org/plugin/cf7-google-map.zip"},"donate_link":"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=UZ9CQN6KYBMQ8","icons":{"default":"https://s.w.org/plugins/geopattern-icon/cf7-google-map.svg"}},{"name":"indomap","slug":"indomap","version":"1.0.1","author":"Minda Sari","author_profile":"https://profiles.wordpress.org/minda-sari/","requires":"3.5","tested":"3.5.2","requires_php":false,"requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"downloaded":1963,"last_updated":"2013-08-26 5:06am GMT","added":"2013-02-12","homepage":"http://wordpress.org/extend/plugins/indomap/","sections":{"description":"

jQuery plugin to create google maps with advanced features (overlays, clusters, callbacks, events…)

For more information visit http://gmap3.net/
\nAuthor visit http://dadanminda.wordpress.com

Credits

Created by Minda Sari

\n","installation":"

Upload indomap/ to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Input address in metabox post

Its recommended to flush the cache after upgrading.

\n","faq":"

None at this moment.

\n","changelog":"

1.0.2

Support indomap on post_type page

1.0.1

Fix bug php tag

1.0

Release

\n","screenshots":"

$\"screenshot-1.jpg\"$
screenshot-1.jpg
$\"screenshot-2.jpg\"$
screenshot-2.jpg

"},"short_description":"jQuery plugin to create google maps with advanced features (overlays, clusters, callbacks, events...)","download_link":"https://downloads.wordpress.org/plugin/indomap.zip","screenshots":{"1":{"src":"https://ps.w.org/indomap/assets/screenshot-1.png?rev=666682","caption":"screenshot-1.jpg"},"2":{"src":"https://ps.w.org/indomap/assets/screenshot-2.png?rev=666683","caption":"screenshot-2.jpg"}},"tags":{"gmap":"gmap","google-maps":"Google Maps","googlemaps":"googlemaps","javascript":"javascript","jquery":"jquery"},"versions":[],"donate_link":"https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=6DZFJFSVZCVAU","icons":{"default":"https://s.w.org/plugins/geopattern-icon/indomap_5b6659.svg"}},{"name":"Posts in Map","slug":"posts-in-map","version":"0.3","author":"lucdecri","author_profile":"https://profiles.wordpress.org/lucdecri/","requires":"3.0","tested":"3.4.2","requires_php":false,"requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"downloaded":1470,"last_updated":"2013-02-13 9:20am GMT","added":"2012-12-03","homepage":"http://www.decristofano.it","sections":{"description":"

Add short code [gmap] to insert in post a google map with advanced features (overlays, clusters, callbacks, events…) and place geolocalized post (with custom fields) in this map

To view post in map, you use this custom field :
\n* geolocation : set here GPS coordinates for post
\n* marker : set here url for marker icon. (optional)

To view map in a post, you use this short code ;
\n[gmap width=w height=h border=b posttype=p taxonomy=t term=r maxpost=m centermap=c animate=a]

where
\n* w,h are size of map (default is 500px and 300px)
\n* b is css-like style for map border (default is brown solid line)
\n* p is post-type (default is post)
\n* r is a term for taxonomy t to filter post (default is all post, without taxonomy filter)
\n* m is max number of post view in map
\n* c il gps coordinates of centre of map
\n* a is 0 for not animated marker, 1 for drop marker, 2 for bouncing marker

For more information visit http://gmap3.net/

Javascript by Jean-Baptiste DEMONTE.

Coming soon

custom field for post to use area instead marker
custom field to use address in geolocalized post instead coordinates
short code to view map bottom custom field geolocation

\n","installation":"

Upload post-in-map to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
add custom field ‘geolocation’ and ‘marker’ in post that you want view in maps
add short code in post to view map

Its recommended to flush the cache after upgrading.

\n","faq":"

None at this moment.

\n","changelog":"

0.3

add icon property
bugfix

0.2

add shortcode
add post geolocation reading

0.1

only include js

\n"},"short_description":"Add short code [gmap] to insert in post a google map with advanced features and place geolocalized post in this map","download_link":"https://downloads.wordpress.org/plugin/posts-in-map.zip","screenshots":[],"tags":{"gmap":"gmap","google-maps":"Google Maps","googlemaps":"googlemaps","javascript":"javascript","jquery":"jquery"},"versions":[],"donate_link":"http://www.decristofano.it","icons":{"default":"https://s.w.org/plugins/geopattern-icon/posts-in-map.svg"}},{"name":"Travel Map with Gmap3","slug":"travel-gmap3","version":"1","author":"Clemence Lelong","author_profile":"https://profiles.wordpress.org/clemence/","requires":"3.0","tested":"3.1.4","requires_php":false,"requires_plugins":[],"rating":0,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":0},"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"downloaded":1141,"last_updated":"2011-08-04 10:33pm GMT","added":"2011-08-04","homepage":"","sections":{"description":"

travel-gmap3 is an open source a solution built for WordPress to display your Google Maps with the JQuery plugin Gmap3
\non your WordPress as a Widget or in a post. (You have to draw your map on Google Maps (like a road trip)
\nand copy the link on the plugin administration)
\nFormat : http://maps.google.co.nz/maps/ms?msid=…fbd972e&msa=0&output=kml
\nHow? http://maps.google.co.nz > My places > Create new map > (draw lines of your trip) > Copy the link here (icon link on top right)

Major features include:

Manage a list of map (add, edit, delete a Google map in WordPress)
Add a map on a widget (and create several widget map) on selecting a map and configure width and height
Add a map on a post with this syntax [travelGmap3 id=”2″ width=”250″ height=”350″]

travel-gmap3 use JQuery 1.6.1 and the JQuery plugin Gmap3

\n","installation":"

Upload the travel-gmap3 plugin to your blog, Activate it. Add at least one map that you have created on Google maps.

1, 2, 3: You’re done!

\n","changelog":"

nothing

\n"},"short_description":"travel-gmap3 is an open source a solution built for Wordpress to display your Google Maps with the JQuery plugin Gmap3 on your Wordpress as a Widget …","download_link":"https://downloads.wordpress.org/plugin/travel-gmap3.zip","screenshots":[],"tags":{"gmap3":"gmap3","google-map":"google map","map":"map","road-trip":"road trip","travel":"travel"},"versions":[],"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/travel-gmap3.svg"}}]

gmap3

Contact Form 7 extension for Google Map fields

indomap

Posts in Map

Travel Map with Gmap3

Get New Themes & Resources