WP Manifestindependent plugin directory
manifest / integrations / hyp-google-maps

Hyp Google Maps

A Wordpress google maps and geocoding plugin

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/hyptx/hyp-google-maps/archive/refs/heads/master.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

A Wordpress google maps and geocoding plugin

This plugin allows you to easily create Google maps and geocode users, posts, pages and custom post types. You can now toggle the option for user geocoding. To learn more about map options see Google MapOptions.

Options Page

Options Page

Edit User

Edit User

Edit Post

Edit Post

Manual Usage

  • API Key - Obtain your API Key and enter it into this field
  • Geocoded Post Types - Post types to geocode and display the map/form
  • Default Location - Stored Lat,Long in decimal degrees for the starter map
  • Enter Location - Input an address or general location, then press the 'Geocode' button

Shortcode

[hgm_map width="400px" height="400px"]
[hgm_geocoder width="400px" height="400px"]

PHP

<?php hgm_map('width=400px&height=400px')); ?>
<?php hgm_map(array('width' => '400px','height' => '400px')); ?>
<?php hgm_geocoder(array('width' => '400px','height' => '400px')); ?>
<?php hgm_get_user_location($user_id); ?>
<?php hgm_get_post_location($post_id); ?>

Map Arguments

  • width - Enter css width value, 100px, 50% etc
  • height - Enter css height value, 100px, 50% etc
  • center - Enter lat,long (decimal deg) separated by a comma
  • zoom - Google zoom value
  • heading - Enter a heading for the info window
  • content - Enter content for the info window
  • options - Enter a comma separated list of Google MapOptions. Ex = maxZoom:2,minZoom:10

Geocode Arguments

  • width - Enter css width value, 100px, 50% etc
  • height - Enter css height value, 100px, 50% etc
  • center - Enter lat,long (decimal deg) separated by a comma
  • zoom - Google zoom value
  • options - Enter a comma separated list of Google MapOptions
  • position - Enter 'above' to display map above the form

Geocode Complete Event

<script type="text/javascript">
function saveValue(){ FORMFIELD.value = hgmLocation; }
    eventObject.addEventlistener('geocoded',saveValue);
</script>