README.txt in IP Geolocation Views & Maps 7
IP GEOLOCATION VIEWS AND MAPS
=============================
This documentation concentrates on the installation and configuration of the
IP Geolocation Views & Maps (IPGV&M) module. For an overall introduction see
http://drupal.org/project/ip_geoloc.
SUMMARY INSTALLATION NOTES
IPGV&M is a module for mapping users and locations. For new visitors, the module uses W3C’s Geolocation API to prompt the user to allow Location data (latitude and longitude) to be shared, and Google’s API services to transform that information into a detailed street address.
For past visitors, and those who do not opt to share their locations, IPGV&M captures and stores user location and address information when used with modules like SmartIP and/or geoIP and their APIs or downloadable databases.
IPGV&M provides the stored user and location data to a variety of Drupal content and fields such as: Drupal Views, content fields, tokens, $_SESSION variables, and includes a host of mapping solutions.
See https://www.drupal.org/project/ip_geoloc for a broader IPGV&M module overview.
IMPORTANT:
————
The Google Maps API, which include address geocoding services, requires either
Google API Key or a Google Client ID, and related Google APIs, depending on mapping and geocoding needs.
If you use Leaflet maps you will NOT need a Google API Key or Google CLient ID.
To use the "Set my Location" block that
autofills the address box after it has found the visitor's location, you do need a Google API Key, plus or Client ID, and Google APIs which you can obtain here:
https://developers.google.com/maps/documentation/javascript/get-api-key.
Steps
1 - Create the Google API key
2 - Create a billing account for the Google Maps Platform APIs
3 - Add Maps JavaScript API and Geocoding API to the project
Then enter the Google API key at admin/config/system/ip_geoloc, at the top of the page,
section "AUTHENTICATION OF MAPS AND GEOLOCATION SERVICES"
Note: if you have enabled the Geocoder module, for reverse-geocoding an
arbitrary address entered by the user to a location on the map, then you can
use that same Google API Key to configure Geocoder at this page:
/admin/config/content/geocoder.
CONFIGURATION OF VIEW-BASED MAPS
================================
Read this if you are using IPGV&M primarily for its Views mapping interface.
If your focus is on the recording of visitor locations, past and present, skip
to the next section.
Download and enable IPGV&M like any other module. Then visit its configuration
page, .../admin/config/system/ip_geoloc.
If you intend to use IPGV&M's built-in interface to Google Maps, enter you
API key or Client ID key. You may untick all "Data collection option" boxes.
If you intend to use IPGV&M with the OpenLayers (v2) or Leaflet modules and also
wish to show and center on the visitor's location, then for a great user
experience proceed as follows.
a) Under "Data collection option" tick "Allow session storage".
b) Under "Advanced options", tick "Auto-refresh the page as soon as an HTML5
location update has come in"
c) At admin/structure/block, enable the "IPGV&M: Set my location" block, so
visitors can center the map using their GPS location, or using any (partial)
address the type, like "Manhattan".
There are quite a few self-explanatory options to tailor the appearance of the
block to your needs.
You are now ready to map your View of Location, Geofield, Geolocation Field or
GetLocations.
If you have one of the Location, Geofield, Geolocation Field or Get Locations
modules enabled, then first create a normal tabular content View of nodes that
hold location coordinates via one of these modules. The coordinate fields will
show up in the Field list of your View.
Unless you use the Location module (with User Locations or Node Locations), make
sure you have included in your view's field selection a field named "Content:
your_Geofield/Geolocation_field". Only one copy is required, you do NOT need
both a latitude version plus a longitude version.
The "Formatter", if it pops up, is relevant only if you want the location field to appear in the markerballoons. Make sure "Use field template" is UNTICKED. Commerce Kickstart tends
to have the box ticked, so UNTICK it. Untick it for the differentiator too, if
used.
Then, after selecting the View Format "Map (Google, via IPGV&M)", "Map (Leaflet,
via IPGV&M)" or "Map (OpenLayers, via IPGV&M)" select or type field_name in the
"Name of latitude field in Views query".
Note that IPGV&M can handle multiple fields containing latitudes. This comes in
handy when your View brings together content types with different latitude field
machine names. When using multiple fields for the latitude, you must select
<none> for "Name of LONGITUDE field in Views query".
Fill out the remaining options to your liking. Save.
Visit the IPGV&M configuration page to specify an alternative marker set. When
using Leaflet you can superimpose scalable font icon on top of your markers, as
found at http://text-symbols.com, flaticon.com or fontello.com. See below for
details.
The "Views PHP" module is required for the included /visitor-log View.
The core module Statistics must be enabled also when you wish to collect visitor
data. It is not required for maps in general.
The "Session Cache API" and "High-performance Javascript callback handler"
(7.x-2.x) modules are optional, but recommended.
To center the map on the visitor's location, but not use
the HTML5 style of location retrieval involving a browser prompt, UNtick
the box "Employ the Google Maps API to reverse-geocode HTML5 visitor locations
to street addresses" and configure an alternative lat/long lookup based on IP
address.
For this follow installation instruction B1a or B1b below, depending on
whether you'd like to employ Smart IP or GeoIP for this.
Or enable the "Set my location" block, which will only prompt the user
to confirm when they explicitly request to share and reverse-geocode their
location.
TROUBLE-SHOOTING
================
You can switch on useful debug and status messages per USER (rather than role)
at admin/config/system/ip_geoloc, section "Advanced options".
CONFIGURATION FOR COLLECTION OF VISITOR RESULTS
===============================================
Location providers supported by this module include the specific hardware
(desktop, tablet, phone...) your visitors use, which may employ GPS, WiFi and
mobile cell towers.
Nowadays the fine detail can be almost frightening, i.e.
lat/long coordinates with an accuracy of 30 meters and postal addresses down to
the street and street number.
If you don't want to collect or expose this degree
of detail, you can switch it off on the configuration page and have IPGV&M fall
back on a less fine-grained service or API, as provided by Smart IP, GeoIP API
or one you write yourself.
The process used is called reverse-geocoding. IPGV&M therefore adds to
geocoding modules like Location, Geofield/Geocoder, Geolocation field or
Get Locations, which are about giving users the facility to enter postal
addresses or lat/long coordinates themselves and then mapping those.
With modules like SmartIP and/or geoIP enabled, IPGV&M can collect locations of guests that visited your site from before you installed this module, going back all the way to the day you launched your site.
For present and future visitor geolocation information, IPGV&M's built-in data
collection techniques may involve WiFi, GPS and mobile cell
towers.
For historic visitor data, IPGV&M supports existing tried-and-tested
contributed modules to pull in IP-to-lat/long and IP-to-city/suburb/village
data. The following modules are supported as lat/long data sources:
o Smart IP (its submodule Device Geolocation is not required)
o GeoIP API (note: the port of this module to D7 appears to be still in
progress, but this dev version appears to work fine).
o any module that implements hook_get_ip_geolocation_alter($location) -- see the
For programmers section further down this page
IPGV&M does not require you to load any libraries. You do not need to register
for any API keys, except when you use Smart IP in combination with the IPinfoDB
web service. The API key required on the Smart IP configuration page is free and
is sent to you by return email after you've applied at
http://ipinfodb.com/register.php.
Alternatively you could use the file-based
option of Smart IP or employ GeoIP API, which is also based on a file,
downloadable from here: GeoLite2-City.mmdb. The file is free and no key is
required.
For reasons of reporting efficiency and flexibility via Views IPGV&M maintains
its own small database of location information of past visitors to your site.
It does not copy the entire Smart IP or GeoIP databases.
If you want to auto-record visitor address details then complete the steps
under A and B below.
RECORD VISITOR LOCATION DETAILS - Future Visitors
A. Present and future: maps of guests visiting after you enabled IPGV&M
-----------------------------------------------------------------------
1. Install and enable like any other module, use Drush if you wish. Remain
connected to the internet.
2. Make sure the core Statistics module is enabled. Then at Configuration >>
Statistics, section System, verify that the access log is enabled. Select the
"Discard access logs older than" option as you please. "Never" is good.
3. Visit the IPGV&M configuration page at Configuration >> IP Geolocation V&M
If you don't see any errors or warnings (usually yellow) you're
good to proceed. Don't worry about any of the configuration options for now,
the defaults are fine.
4. At Structure >> Blocks put the block "Map of 20 most recent visitors" in the
content region of all or a selected page. View the page. That marker represents
you (or your service provider). Clicking the marker reveals more details.
5. Enable the Views and Views PHP (http://drupal.org/project/views_php) modules.
Then have a look at Structure >> Views for a couple of handy Views, e.g. the
"Visitor log", which shows for each IP address that visited, its street address,
as well as a local map. Or "Visitor log (lite)", which combines nicely when put
on the same page with the block "Map of 20 most recent visitors".
Modify these views as you please.
RECORD VISITOR LOCATION DETAILS - Past Visitors
B. Historic data: location info about visits to your site from way back when
----------------------------------------------------------------------------
Note, that this step relies on you having had the Statistics module enabled
before you installed IPGV&M, as the access log is used as the source of IP
addresses that have visited your site previously.
There are a couple of options here. Use either
http://drupal.org/project/smart_ip and one of the web services it uses, or
http://drupal.org/project/geoip, which takes its data from a file you download
for free.
Smart IP module
1a. For Smart IP....
Install and enable Smart IP. There is no need to enable the Device Geolocation
submodule as IPGV&M already has that functionality, plus more.
Add Web service or Download Database
At
Configuration >> Smart IP you'll find a number of source to upload historic
lat/long data. Pick any of these. A low-cost option is to download
https://geolite.maxmind.com/download/geoip/database/GeoLite2-City.tar.gz and
uncompress it in /sites/default/private/smart_ip.
You may untick all the check boxes under the heading "Smart IP settings" on
the Configuration >> Smart IP page.
GeoIP module
1b. For GeoIP Download and enable the module.
Download
https://geolite.maxmind.com/download/geoip/database/GeoLite2-City.tar.gz
and uncompress it in sites/all/libraries/geoip.
Go to the GeoIP configuration page and enter the path to the GeoIP data file location file you've just downloaded e.g. sites/all/libraries/geoip/GeoLite2-City.mmdb. Save.
2. With either Smart IP or GeoIP configured, visit Configuration >> IPGV&M.
Tick the check boxes as appropriate.
3. On the same page, start a small batch import of, say, size 10. Data for the
most recent visitors will be loaded first, so you don't have to complete the
import to check it's all working. For instance, the block "Map showing locations
of 10 most recent visitors" should now show more markers.
4. Go back the Configuration >> IPGV&M and complete the import process
with a larger batch size until the IP geolocation database is up to date with
the access log. It will automatically remain in sync from now on.
LEAFLET TIPS
============
You need to download and install the Leaflet package on your system, but you
only have to enable the main module, no need for the Leaflet Views submodule.
Don't forget to download the Leaflet javascript library from
http://leafletjs.com/download.html dropping it in sites/all/libraries and
changing the folder name to leaflet. Remember to install and enable the
Libraries API module too.
When all's ok, you won't see any errors in the Status Report, i.e.
.../admin/reports/status.
OPENLAYERS TIPS
===============
Use http://drupal.org/project/openlayers version 7.x-2.0 or 7.x-2.x.
Of the modules in the OpenLayers package you only need to enable OpenLayers and
OpenLayers UI. In fact, you could even disable OpenLayers UI when you're done
configuring your maps.
Initially the location markers are likely to show up as black circles. To
change the marker shapes and colours you need to first associate the "Location
markers" layer with your map at Structure >> OpenLayers >> Maps >> List. If
there is no custom map on this page yet, you have to first clone and save under
a different name one of the existing maps. Once you've done that, you'll find
that on Structure >> OpenLayers >> Maps >> List the map appears with an Edit
link. Click that, followed by the "Layers & Styles" vertical tab. In the bottom
section of the page you'll find the "Current visitor marker" layer and a number
of "Location markers" layers. You'll only need to activate Location markers #1,
unless you have defined a "differentiator" (e.g. taxonomy term) on your view.
Pick marker styles from the drop-downs as you please and press Save. Note that
the location markers won't show up in the map preview, but the visitor marker
should. This is because the map doesn't know which view it will be paired with.
In fact there may be several views using the same map. Return to edit your view.
Under Format, Settings select the map you've just created and edited. Save the
format and the view. Visit the page containing your view and all markers should
appear in the colours you chose.
In order to make the text balloons pop up at a marker when hovered or clicked,
visit Structure >> OpenLayers >> Maps >> Edit and click the "Behaviors"
vertical tab. Scroll down the page until you reach the "Pop Up for Features"
check box. Tick it and select the layers you're interested with, e.g.
ip_geoloc_visitor_marker_layer1 and/or ip_geoloc_marker_layer. Same for
"Tooltip for Features". Other nice behaviors that you may wish to flick on on
the same page are "Full Screen", "Layer Switcher", "Pan and Zoom Bar Controls"
and "Scale Line".
ALTERNATIVE MARKER ICONS (LEAFLET, GOOGLE MAPS)
===============================================
Find on the web a marker icon set you like, eg http://mapicons.nicolasmollet.com
Download and extract the icon image files, which must have extension .png,
into a directory anywhere in your Drupal install, maybe
sites/all/libraries/map_markers1.
Now visit the IPGV&M configuration page at admin/config/system/ip_geoloc.
Expand the "Alternative markers" fieldset.
Enter the path to your markers directory and the dimensions of your markers.
The marker set will now be available in your map settings, in particular in the
differentiator settings.
FONT ICONS SUPERIMPOSED ON YOUR MARKER IMAGES (LEAFLET)
=======================================================
Some of the benefits of font icons are described in this article:
http://flink.com.au/ramblings/spruce-your-map-markers-font-icons
Most font icon libraries can be used and more than one can be used at the same
time. However some libraries may require some CSS tweaking in your theme file to
size and position the icons in the center of the markers you are using.
The style sheets that come with IPGV&M have been tested to work well in most
themes with the icons from fsymbols, Font Awesome and flaticon.
fsymbols can be copied and pasted from http://text-symbols.com/ as needed on the
IPGV&M Views map configuration panel. No need to refer to any library. Not all
of the fsymbols will agree with your database. The ones that don't work usually
show up as little squares when pasted.
To install Font Awesome visit http://fortawesome.github.io/Font-Awesome and
press the "Download" button. Unzip the downloaded file into the Drupal
libraries directory, typically sites/all/libraries. If you wish, remove the
version number from the directory name, so that the path to the essential style
sheet becomes sites/all/libraries/font-awesome/css/font-awesome.min.css.
Then enter that path at admin/config/system/ip_geoloc.
You can assemble your own icon set from Font Awesome and other repositories at
fontello.com and download it to sites/all/libraries. Then again enter the path
to the main .css file at admin/config/system/ip_geoloc.
Similarly flaticon icon packs can be selected from http://www.flaticon.com.
First create the directory sites/all/libraries/flaticon, then download and unzip
the pack into that directory, so that the path to the essential style sheet is
sites/all/libraries/flaticon/PACK/flaticon.css, where PACK may be something like
"food-icons".
Then enter that path at admin/config/system/ip_geoloc.
What to do when my font icons are off-centre, too big or too small?
-------------------------------------------------------------------
Because font icons are infinitely scalable this is easily fixed. In your theme
CCS file (style.css?) override the applicable styles from
ip_geoloc/css/ip_geoloc_leaflet_markers.css, in particular the attributes
"top", "left" and "font-size".
CLUSTER REGION DIFFERENTIATOR
=============================
The benefits of region-aware clustering are demonstrated here: regionbound.com
If you already use the Leaflet MarkerCluster module, then you can enhance it
with superior region-aware clustering by dropping into
sites/all/libraries/leaflet_markercluster/dist the .js file from the
regionbound.com download.
Check the Status Report page to see if IPGV&M automatically detected the new JS.
Now you can configure the region-aware clustering algorithm by filling out the
Cluster Region Differentiator panel on the IPGV&M Views UI.
Your View, and subsequently the content type that has a lat/lon associated with
it, must feature ONE of the following.
1a An AddressField (as in the http://drupal.org/project/addressfield module)
in this case IPGV&M will automatically use for differentiation the
region-hierarchy of the address field components country, administrative
area, locality and postcode
1b Selected AddressField components: single out the ones you want to use
2 A selection of plain text fields designated by you to form the equivalent
of an address, e.g., country, state, city.
3 Taxonomy term reference that refers to a hierarchical region vocabulary.
Here's an example of a simple 2-level region vocabulary:
- Melbourne
-- CBD
-- North
-- East
-- South
-- West
- Sydney
-- CBD
-- North
-- East
-- South
-- West
You can have as many levels in the region hierarchy as you like. Go for
something that adequately reflects the scope and detail of your locations.
ADVANCED OPTIONS
================
If you use Geofield for coordinate storage, you have a number of great options
to create sophisticated maps. First you can use Geofield in combination
with Geocoder and AddressField (or any plain textfield) to have lat/lon
auto-generated from the street address typed on each piece of content.
Second, you get some great Views filters thrown in. When you select Geofield's
proximity filter you get a new option for the "Source of Origin Point", named
"Geocoded location with HTML5" default. When the visitor does not type in a
location into the exposed proximity filter, or types "me", the filter will use
the visitor's current location as the center of your map as well as the source
of origin for distance calculations. So your map will only show locations within
the specified radius.
You can display these distances in the marker balloons and/or a tabular
attachment too, by adding the Geofield proximity field in the Views UI. When
it comes to specifying the "Source of Origin Point" pick "Exposed Geofield
Proximity Filter" so that the distance quoted is with respect to the location
that the exposed filter is set to, be it a typed location or the visitor's HTML5
location.
To top it all off, add the "IPGV&M: Set my location" block, which supplies 3
ways for the user to specify the center of the map: by typed address, by region
taxonomy and by an explicit request to perform an HTML5 lookup. The latter
means that you can switch off the periodic prompting to share location, which
can become annoying, i.e. you can UNtick the box "Employ the Google Maps API to
reverse-geocode HTML5 visitor locations to street addresses".
HIGH PERFORMANCE AJAX
=====================
IPGV&M will take advantage of the "High-performance Javascript callback
handler" (7.x-2.x), if installed.
NOTE: the 7.x-2.x version of https://drupal.org/project/js has not been
working very well with IPGV&M lately. We discourage using it with IPGV&M
Installation instructions for Nginx: http://drupal.org/node/1876418
Installation instructions for Apache:
o download and enable https://drupal.org/project/js, version 7.x-2.x
o find the .htacess in your document root -- the same folder as index.php
o visit admin/config/system/js; it displays 5 lines tailored for your server
o copy those lines and paste them into .htaccess below the line
"RewriteEngine on".
IPGV&M will now perform its AJAX calls more efficiently. Results vary and
depend not so much on IPGV&M but on the complexity and speed of your site during
initialisation. For an "average" site, expect a reduction of the page load time
of about 0.3s for the "Find me" function of the "Set my location" block, which
currently is the only place where the Javascript callback handler is used.
To switch this feature off, comment out the newly added lines from the
.htaccess file by putting a # in front of each of the 5 lines.
CONDITIONAL LOCATION FIELDS
===========================
Here's a great example on how to use IPGV&M in combination with the Views
Conditional module https://www.drupal.org/node/2470265 (solution in entry #4).
CONTEXT AND CONTEXT-SESSION MODULES
===================================
IPGV&M implements a "Locate visitor using GPS/Wifi" reaction for the Context
module, https://www.drupal.org/project/context.
If you also use enable the https://www.drupal.org/project/context_mobile_detect
module, then you can locate a visitor only when they're using, say, a phone or
tablet and only on certain pages (using Context's path condition).
You can also switch context using any address component as a condition, if you
also enable https://www.drupal.org/project/context_session.
Example: "location.locality=Melbourne"
context_session does not support the Session Cache API module, so, if you use it
the $_SESSION variable will still be used internally for storage.
ALTERNATIVE THROBBER
====================
Out of the box the "Set my location" block uses core's small throbber. If you
wish to use an alternative one, simply comment out the relevant lines in
file ip_geoloc/css/ip_geoloc_all.css
Depending on your theme, you may want to tweak your CSS a little.
FOR SITE BUILDERS AND PROGRAMMERS
=================================
IPGV&M stores location data for the current visitor in their session and makes
it available via ip_geoloc_get_visitor_location(). So you can display content
conditionally on the country or city that your users are visiting from. For
instance you can restrict visibility of a block containing an ad or a news flash
relevant only to a particular city by entering this little snippet in the
"Visibility settings" of the block, under "Pages on which this PHP code returns
TRUE":
<?php
$location = ip_geoloc_get_visitor_location();
return isset($location['locality']) && $location['locality'] == 'Melbourne';
?>
For debugging purposes you can display in a block the current user's session
location data. First make sure that you have the core module "PHP filter"
enabled. Then go Structure >> Blocks >> Add block. Set the Text forma to
"PHP code". For something half readable enter in the block body something like
this:
<?php
foreach (ip_geoloc_get_visitor_location() as $key => $value) {
echo "$key: $value <br>";
}
?>
Note that, in order to see any meaningful session data when running on a local
server (127.0.0.1), you must be connected to the internet and have ticked at
Configuration >> IP Geolocation Views and Maps the data collection option
"Employ a free Google service to periodically auto reverse-geocode visitor
locations to street addresses". When debugging it is also recommended to
activate on the same page the advanced option "Detail execution progress with
status messages".
See ip_geoloc.api.php for functions to retrieve and respond to lat/long and
address information and to generate maps. Below are some of the functions
available. See ip_geoloc/ip_geoloc_api.inc for details.
function ip_geoloc_output_map_current_location($div_id, $map_opts...)
function ip_geoloc_output_map_multi_locations($locations, $div_id, $map_opts....)
function ip_geoloc_distance($location, $ref_location='current visitor');
Add, remove or alter locations as returned by the View before they're being
mapped, by implementing:
function hook_ip_geoloc_marker_locations_alter(&$locations, $view);
Some suspected web crawlers
You may find that the following are great fans of your web site, visiting it
repeatedly ;-)
"Mountain View, CA 94043, USA" (Google, IPs 66.249.68.*, 66.249.69.* etc)
"Sunnyvale, CA 94089, USA" (Yahoo!, IPs 67.195.*.*)
"Dongcheng, Beijing, China" (IPs 123.125.71.*, 180.76.5.*)
See also http://whois.domaintools.com
AUTHOR
======
rik @ flink dot com dot au, Melbourne, Australia.
File
README.txt
View source
-
- IP GEOLOCATION VIEWS AND MAPS
- =============================
- This documentation concentrates on the installation and configuration of the
- IP Geolocation Views & Maps (IPGV&M) module. For an overall introduction see
- http://drupal.org/project/ip_geoloc.
-
- SUMMARY INSTALLATION NOTES
-
- IPGV&M is a module for mapping users and locations. For new visitors, the module uses W3C’s Geolocation API to prompt the user to allow Location data (latitude and longitude) to be shared, and Google’s API services to transform that information into a detailed street address.
-
- For past visitors, and those who do not opt to share their locations, IPGV&M captures and stores user location and address information when used with modules like SmartIP and/or geoIP and their APIs or downloadable databases.
-
- IPGV&M provides the stored user and location data to a variety of Drupal content and fields such as: Drupal Views, content fields, tokens, $_SESSION variables, and includes a host of mapping solutions.
-
- See https://www.drupal.org/project/ip_geoloc for a broader IPGV&M module overview.
-
- IMPORTANT:
- ————
-
- The Google Maps API, which include address geocoding services, requires either
- Google API Key or a Google Client ID, and related Google APIs, depending on mapping and geocoding needs.
-
- If you use Leaflet maps you will NOT need a Google API Key or Google CLient ID.
-
- To use the "Set my Location" block that
- autofills the address box after it has found the visitor's location, you do need a Google API Key, plus or Client ID, and Google APIs which you can obtain here:
- https://developers.google.com/maps/documentation/javascript/get-api-key.
-
- Steps
- 1 - Create the Google API key
- 2 - Create a billing account for the Google Maps Platform APIs
- 3 - Add Maps JavaScript API and Geocoding API to the project
-
- Then enter the Google API key at admin/config/system/ip_geoloc, at the top of the page,
- section "AUTHENTICATION OF MAPS AND GEOLOCATION SERVICES"
-
- Note: if you have enabled the Geocoder module, for reverse-geocoding an
- arbitrary address entered by the user to a location on the map, then you can
- use that same Google API Key to configure Geocoder at this page:
- /admin/config/content/geocoder.
-
-
- CONFIGURATION OF VIEW-BASED MAPS
- ================================
- Read this if you are using IPGV&M primarily for its Views mapping interface.
- If your focus is on the recording of visitor locations, past and present, skip
- to the next section.
-
- Download and enable IPGV&M like any other module. Then visit its configuration
- page, .../admin/config/system/ip_geoloc.
- If you intend to use IPGV&M's built-in interface to Google Maps, enter you
- API key or Client ID key. You may untick all "Data collection option" boxes.
-
- If you intend to use IPGV&M with the OpenLayers (v2) or Leaflet modules and also
- wish to show and center on the visitor's location, then for a great user
- experience proceed as follows.
- a) Under "Data collection option" tick "Allow session storage".
- b) Under "Advanced options", tick "Auto-refresh the page as soon as an HTML5
- location update has come in"
- c) At admin/structure/block, enable the "IPGV&M: Set my location" block, so
- visitors can center the map using their GPS location, or using any (partial)
- address the type, like "Manhattan".
-
- There are quite a few self-explanatory options to tailor the appearance of the
- block to your needs.
-
- You are now ready to map your View of Location, Geofield, Geolocation Field or
- GetLocations.
-
- If you have one of the Location, Geofield, Geolocation Field or Get Locations
- modules enabled, then first create a normal tabular content View of nodes that
- hold location coordinates via one of these modules. The coordinate fields will
- show up in the Field list of your View.
-
- Unless you use the Location module (with User Locations or Node Locations), make
- sure you have included in your view's field selection a field named "Content:
- your_Geofield/Geolocation_field". Only one copy is required, you do NOT need
- both a latitude version plus a longitude version.
-
- The "Formatter", if it pops up, is relevant only if you want the location field to appear in the markerballoons. Make sure "Use field template" is UNTICKED. Commerce Kickstart tends
- to have the box ticked, so UNTICK it. Untick it for the differentiator too, if
- used.
-
- Then, after selecting the View Format "Map (Google, via IPGV&M)", "Map (Leaflet,
- via IPGV&M)" or "Map (OpenLayers, via IPGV&M)" select or type field_name in the
- "Name of latitude field in Views query".
-
- Note that IPGV&M can handle multiple fields containing latitudes. This comes in
- handy when your View brings together content types with different latitude field
- machine names. When using multiple fields for the latitude, you must select
- for "Name of LONGITUDE field in Views query".
- Fill out the remaining options to your liking. Save.
-
- Visit the IPGV&M configuration page to specify an alternative marker set. When
- using Leaflet you can superimpose scalable font icon on top of your markers, as
- found at http://text-symbols.com, flaticon.com or fontello.com. See below for
- details.
-
- The "Views PHP" module is required for the included /visitor-log View.
-
- The core module Statistics must be enabled also when you wish to collect visitor
- data. It is not required for maps in general.
-
- The "Session Cache API" and "High-performance Javascript callback handler"
- (7.x-2.x) modules are optional, but recommended.
-
- To center the map on the visitor's location, but not use
- the HTML5 style of location retrieval involving a browser prompt, UNtick
- the box "Employ the Google Maps API to reverse-geocode HTML5 visitor locations
- to street addresses" and configure an alternative lat/long lookup based on IP
- address.
-
- For this follow installation instruction B1a or B1b below, depending on
- whether you'd like to employ Smart IP or GeoIP for this.
-
- Or enable the "Set my location" block, which will only prompt the user
- to confirm when they explicitly request to share and reverse-geocode their
- location.
-
- TROUBLE-SHOOTING
- ================
- You can switch on useful debug and status messages per USER (rather than role)
- at admin/config/system/ip_geoloc, section "Advanced options".
-
- CONFIGURATION FOR COLLECTION OF VISITOR RESULTS
- ===============================================
- Location providers supported by this module include the specific hardware
- (desktop, tablet, phone...) your visitors use, which may employ GPS, WiFi and
- mobile cell towers.
-
- Nowadays the fine detail can be almost frightening, i.e.
- lat/long coordinates with an accuracy of 30 meters and postal addresses down to
- the street and street number.
-
- If you don't want to collect or expose this degree
- of detail, you can switch it off on the configuration page and have IPGV&M fall
- back on a less fine-grained service or API, as provided by Smart IP, GeoIP API
- or one you write yourself.
-
- The process used is called reverse-geocoding. IPGV&M therefore adds to
- geocoding modules like Location, Geofield/Geocoder, Geolocation field or
- Get Locations, which are about giving users the facility to enter postal
- addresses or lat/long coordinates themselves and then mapping those.
-
- With modules like SmartIP and/or geoIP enabled, IPGV&M can collect locations of guests that visited your site from before you installed this module, going back all the way to the day you launched your site.
-
- For present and future visitor geolocation information, IPGV&M's built-in data
- collection techniques may involve WiFi, GPS and mobile cell
- towers.
-
- For historic visitor data, IPGV&M supports existing tried-and-tested
- contributed modules to pull in IP-to-lat/long and IP-to-city/suburb/village
- data. The following modules are supported as lat/long data sources:
-
- o Smart IP (its submodule Device Geolocation is not required)
- o GeoIP API (note: the port of this module to D7 appears to be still in
- progress, but this dev version appears to work fine).
- o any module that implements hook_get_ip_geolocation_alter($location) -- see the
- For programmers section further down this page
-
- IPGV&M does not require you to load any libraries. You do not need to register
- for any API keys, except when you use Smart IP in combination with the IPinfoDB
- web service. The API key required on the Smart IP configuration page is free and
- is sent to you by return email after you've applied at
- http://ipinfodb.com/register.php.
-
- Alternatively you could use the file-based
- option of Smart IP or employ GeoIP API, which is also based on a file,
- downloadable from here: GeoLite2-City.mmdb. The file is free and no key is
- required.
-
- For reasons of reporting efficiency and flexibility via Views IPGV&M maintains
- its own small database of location information of past visitors to your site.
- It does not copy the entire Smart IP or GeoIP databases.
-
- If you want to auto-record visitor address details then complete the steps
- under A and B below.
-
- RECORD VISITOR LOCATION DETAILS - Future Visitors
-
- A. Present and future: maps of guests visiting after you enabled IPGV&M
- -----------------------------------------------------------------------
-
- 1. Install and enable like any other module, use Drush if you wish. Remain
- connected to the internet.
-
- 2. Make sure the core Statistics module is enabled. Then at Configuration >>
- Statistics, section System, verify that the access log is enabled. Select the
- "Discard access logs older than" option as you please. "Never" is good.
-
- 3. Visit the IPGV&M configuration page at Configuration >> IP Geolocation V&M
- If you don't see any errors or warnings (usually yellow) you're
- good to proceed. Don't worry about any of the configuration options for now,
- the defaults are fine.
-
- 4. At Structure >> Blocks put the block "Map of 20 most recent visitors" in the
- content region of all or a selected page. View the page. That marker represents
- you (or your service provider). Clicking the marker reveals more details.
-
- 5. Enable the Views and Views PHP (http://drupal.org/project/views_php) modules.
- Then have a look at Structure >> Views for a couple of handy Views, e.g. the
- "Visitor log", which shows for each IP address that visited, its street address,
- as well as a local map. Or "Visitor log (lite)", which combines nicely when put
- on the same page with the block "Map of 20 most recent visitors".
- Modify these views as you please.
-
- RECORD VISITOR LOCATION DETAILS - Past Visitors
-
- B. Historic data: location info about visits to your site from way back when
- ----------------------------------------------------------------------------
-
- Note, that this step relies on you having had the Statistics module enabled
- before you installed IPGV&M, as the access log is used as the source of IP
- addresses that have visited your site previously.
-
- There are a couple of options here. Use either
- http://drupal.org/project/smart_ip and one of the web services it uses, or
- http://drupal.org/project/geoip, which takes its data from a file you download
- for free.
-
- Smart IP module
- 1a. For Smart IP....
- Install and enable Smart IP. There is no need to enable the Device Geolocation
- submodule as IPGV&M already has that functionality, plus more.
-
- Add Web service or Download Database
- At
- Configuration >> Smart IP you'll find a number of source to upload historic
- lat/long data. Pick any of these. A low-cost option is to download
- https://geolite.maxmind.com/download/geoip/database/GeoLite2-City.tar.gz and
- uncompress it in /sites/default/private/smart_ip.
-
- You may untick all the check boxes under the heading "Smart IP settings" on
- the Configuration >> Smart IP page.
-
- GeoIP module
-
- 1b. For GeoIP Download and enable the module.
-
- Download
- https://geolite.maxmind.com/download/geoip/database/GeoLite2-City.tar.gz
- and uncompress it in sites/all/libraries/geoip.
-
- Go to the GeoIP configuration page and enter the path to the GeoIP data file location file you've just downloaded e.g. sites/all/libraries/geoip/GeoLite2-City.mmdb. Save.
-
- 2. With either Smart IP or GeoIP configured, visit Configuration >> IPGV&M.
- Tick the check boxes as appropriate.
-
- 3. On the same page, start a small batch import of, say, size 10. Data for the
- most recent visitors will be loaded first, so you don't have to complete the
- import to check it's all working. For instance, the block "Map showing locations
- of 10 most recent visitors" should now show more markers.
-
- 4. Go back the Configuration >> IPGV&M and complete the import process
- with a larger batch size until the IP geolocation database is up to date with
- the access log. It will automatically remain in sync from now on.
-
- LEAFLET TIPS
- ============
- You need to download and install the Leaflet package on your system, but you
- only have to enable the main module, no need for the Leaflet Views submodule.
- Don't forget to download the Leaflet javascript library from
- http://leafletjs.com/download.html dropping it in sites/all/libraries and
- changing the folder name to leaflet. Remember to install and enable the
- Libraries API module too.
- When all's ok, you won't see any errors in the Status Report, i.e.
- .../admin/reports/status.
-
- OPENLAYERS TIPS
- ===============
- Use http://drupal.org/project/openlayers version 7.x-2.0 or 7.x-2.x.
- Of the modules in the OpenLayers package you only need to enable OpenLayers and
- OpenLayers UI. In fact, you could even disable OpenLayers UI when you're done
- configuring your maps.
- Initially the location markers are likely to show up as black circles. To
- change the marker shapes and colours you need to first associate the "Location
- markers" layer with your map at Structure >> OpenLayers >> Maps >> List. If
- there is no custom map on this page yet, you have to first clone and save under
- a different name one of the existing maps. Once you've done that, you'll find
- that on Structure >> OpenLayers >> Maps >> List the map appears with an Edit
- link. Click that, followed by the "Layers & Styles" vertical tab. In the bottom
- section of the page you'll find the "Current visitor marker" layer and a number
- of "Location markers" layers. You'll only need to activate Location markers #1,
- unless you have defined a "differentiator" (e.g. taxonomy term) on your view.
- Pick marker styles from the drop-downs as you please and press Save. Note that
- the location markers won't show up in the map preview, but the visitor marker
- should. This is because the map doesn't know which view it will be paired with.
- In fact there may be several views using the same map. Return to edit your view.
- Under Format, Settings select the map you've just created and edited. Save the
- format and the view. Visit the page containing your view and all markers should
- appear in the colours you chose.
- In order to make the text balloons pop up at a marker when hovered or clicked,
- visit Structure >> OpenLayers >> Maps >> Edit and click the "Behaviors"
- vertical tab. Scroll down the page until you reach the "Pop Up for Features"
- check box. Tick it and select the layers you're interested with, e.g.
- ip_geoloc_visitor_marker_layer1 and/or ip_geoloc_marker_layer. Same for
- "Tooltip for Features". Other nice behaviors that you may wish to flick on on
- the same page are "Full Screen", "Layer Switcher", "Pan and Zoom Bar Controls"
- and "Scale Line".
-
- ALTERNATIVE MARKER ICONS (LEAFLET, GOOGLE MAPS)
- ===============================================
- Find on the web a marker icon set you like, eg http://mapicons.nicolasmollet.com
- Download and extract the icon image files, which must have extension .png,
- into a directory anywhere in your Drupal install, maybe
- sites/all/libraries/map_markers1.
- Now visit the IPGV&M configuration page at admin/config/system/ip_geoloc.
- Expand the "Alternative markers" fieldset.
- Enter the path to your markers directory and the dimensions of your markers.
- The marker set will now be available in your map settings, in particular in the
- differentiator settings.
-
- FONT ICONS SUPERIMPOSED ON YOUR MARKER IMAGES (LEAFLET)
- =======================================================
- Some of the benefits of font icons are described in this article:
- http://flink.com.au/ramblings/spruce-your-map-markers-font-icons
-
- Most font icon libraries can be used and more than one can be used at the same
- time. However some libraries may require some CSS tweaking in your theme file to
- size and position the icons in the center of the markers you are using.
- The style sheets that come with IPGV&M have been tested to work well in most
- themes with the icons from fsymbols, Font Awesome and flaticon.
-
- fsymbols can be copied and pasted from http://text-symbols.com/ as needed on the
- IPGV&M Views map configuration panel. No need to refer to any library. Not all
- of the fsymbols will agree with your database. The ones that don't work usually
- show up as little squares when pasted.
-
- To install Font Awesome visit http://fortawesome.github.io/Font-Awesome and
- press the "Download" button. Unzip the downloaded file into the Drupal
- libraries directory, typically sites/all/libraries. If you wish, remove the
- version number from the directory name, so that the path to the essential style
- sheet becomes sites/all/libraries/font-awesome/css/font-awesome.min.css.
- Then enter that path at admin/config/system/ip_geoloc.
- You can assemble your own icon set from Font Awesome and other repositories at
- fontello.com and download it to sites/all/libraries. Then again enter the path
- to the main .css file at admin/config/system/ip_geoloc.
-
- Similarly flaticon icon packs can be selected from http://www.flaticon.com.
- First create the directory sites/all/libraries/flaticon, then download and unzip
- the pack into that directory, so that the path to the essential style sheet is
- sites/all/libraries/flaticon/PACK/flaticon.css, where PACK may be something like
- "food-icons".
- Then enter that path at admin/config/system/ip_geoloc.
-
- What to do when my font icons are off-centre, too big or too small?
- -------------------------------------------------------------------
- Because font icons are infinitely scalable this is easily fixed. In your theme
- CCS file (style.css?) override the applicable styles from
- ip_geoloc/css/ip_geoloc_leaflet_markers.css, in particular the attributes
- "top", "left" and "font-size".
-
- CLUSTER REGION DIFFERENTIATOR
- =============================
- The benefits of region-aware clustering are demonstrated here: regionbound.com
- If you already use the Leaflet MarkerCluster module, then you can enhance it
- with superior region-aware clustering by dropping into
- sites/all/libraries/leaflet_markercluster/dist the .js file from the
- regionbound.com download.
- Check the Status Report page to see if IPGV&M automatically detected the new JS.
- Now you can configure the region-aware clustering algorithm by filling out the
- Cluster Region Differentiator panel on the IPGV&M Views UI.
- Your View, and subsequently the content type that has a lat/lon associated with
- it, must feature ONE of the following.
- 1a An AddressField (as in the http://drupal.org/project/addressfield module)
- in this case IPGV&M will automatically use for differentiation the
- region-hierarchy of the address field components country, administrative
- area, locality and postcode
- 1b Selected AddressField components: single out the ones you want to use
- 2 A selection of plain text fields designated by you to form the equivalent
- of an address, e.g., country, state, city.
- 3 Taxonomy term reference that refers to a hierarchical region vocabulary.
- Here's an example of a simple 2-level region vocabulary:
- - Melbourne
- -- CBD
- -- North
- -- East
- -- South
- -- West
- - Sydney
- -- CBD
- -- North
- -- East
- -- South
- -- West
- You can have as many levels in the region hierarchy as you like. Go for
- something that adequately reflects the scope and detail of your locations.
-
-
- ADVANCED OPTIONS
- ================
- If you use Geofield for coordinate storage, you have a number of great options
- to create sophisticated maps. First you can use Geofield in combination
- with Geocoder and AddressField (or any plain textfield) to have lat/lon
- auto-generated from the street address typed on each piece of content.
-
- Second, you get some great Views filters thrown in. When you select Geofield's
- proximity filter you get a new option for the "Source of Origin Point", named
- "Geocoded location with HTML5" default. When the visitor does not type in a
- location into the exposed proximity filter, or types "me", the filter will use
- the visitor's current location as the center of your map as well as the source
- of origin for distance calculations. So your map will only show locations within
- the specified radius.
- You can display these distances in the marker balloons and/or a tabular
- attachment too, by adding the Geofield proximity field in the Views UI. When
- it comes to specifying the "Source of Origin Point" pick "Exposed Geofield
- Proximity Filter" so that the distance quoted is with respect to the location
- that the exposed filter is set to, be it a typed location or the visitor's HTML5
- location.
-
- To top it all off, add the "IPGV&M: Set my location" block, which supplies 3
- ways for the user to specify the center of the map: by typed address, by region
- taxonomy and by an explicit request to perform an HTML5 lookup. The latter
- means that you can switch off the periodic prompting to share location, which
- can become annoying, i.e. you can UNtick the box "Employ the Google Maps API to
- reverse-geocode HTML5 visitor locations to street addresses".
-
- HIGH PERFORMANCE AJAX
- =====================
- IPGV&M will take advantage of the "High-performance Javascript callback
- handler" (7.x-2.x), if installed.
-
- NOTE: the 7.x-2.x version of https://drupal.org/project/js has not been
- working very well with IPGV&M lately. We discourage using it with IPGV&M
-
- Installation instructions for Nginx: http://drupal.org/node/1876418
- Installation instructions for Apache:
- o download and enable https://drupal.org/project/js, version 7.x-2.x
- o find the .htacess in your document root -- the same folder as index.php
- o visit admin/config/system/js; it displays 5 lines tailored for your server
- o copy those lines and paste them into .htaccess below the line
- "RewriteEngine on".
-
- IPGV&M will now perform its AJAX calls more efficiently. Results vary and
- depend not so much on IPGV&M but on the complexity and speed of your site during
- initialisation. For an "average" site, expect a reduction of the page load time
- of about 0.3s for the "Find me" function of the "Set my location" block, which
- currently is the only place where the Javascript callback handler is used.
-
- To switch this feature off, comment out the newly added lines from the
- .htaccess file by putting a # in front of each of the 5 lines.
-
- CONDITIONAL LOCATION FIELDS
- ===========================
- Here's a great example on how to use IPGV&M in combination with the Views
- Conditional module https://www.drupal.org/node/2470265 (solution in entry #4).
-
- CONTEXT AND CONTEXT-SESSION MODULES
- ===================================
- IPGV&M implements a "Locate visitor using GPS/Wifi" reaction for the Context
- module, https://www.drupal.org/project/context.
- If you also use enable the https://www.drupal.org/project/context_mobile_detect
- module, then you can locate a visitor only when they're using, say, a phone or
- tablet and only on certain pages (using Context's path condition).
-
- You can also switch context using any address component as a condition, if you
- also enable https://www.drupal.org/project/context_session.
- Example: "location.locality=Melbourne"
- context_session does not support the Session Cache API module, so, if you use it
- the $_SESSION variable will still be used internally for storage.
-
- ALTERNATIVE THROBBER
- ====================
- Out of the box the "Set my location" block uses core's small throbber. If you
- wish to use an alternative one, simply comment out the relevant lines in
- file ip_geoloc/css/ip_geoloc_all.css
- Depending on your theme, you may want to tweak your CSS a little.
-
- FOR SITE BUILDERS AND PROGRAMMERS
- =================================
- IPGV&M stores location data for the current visitor in their session and makes
- it available via ip_geoloc_get_visitor_location(). So you can display content
- conditionally on the country or city that your users are visiting from. For
- instance you can restrict visibility of a block containing an ad or a news flash
- relevant only to a particular city by entering this little snippet in the
- "Visibility settings" of the block, under "Pages on which this PHP code returns
- TRUE":
- $location = ip_geoloc_get_visitor_location();
- return isset($location['locality']) && $location['locality'] == 'Melbourne';
- ?>
-
- For debugging purposes you can display in a block the current user's session
- location data. First make sure that you have the core module "PHP filter"
- enabled. Then go Structure >> Blocks >> Add block. Set the Text forma to
- "PHP code". For something half readable enter in the block body something like
- this:
- foreach (ip_geoloc_get_visitor_location() as $key => $value) {
- echo "$key: $value
";
- }
- ?>
- Note that, in order to see any meaningful session data when running on a local
- server (127.0.0.1), you must be connected to the internet and have ticked at
- Configuration >> IP Geolocation Views and Maps the data collection option
- "Employ a free Google service to periodically auto reverse-geocode visitor
- locations to street addresses". When debugging it is also recommended to
- activate on the same page the advanced option "Detail execution progress with
- status messages".
-
- See ip_geoloc.api.php for functions to retrieve and respond to lat/long and
- address information and to generate maps. Below are some of the functions
- available. See ip_geoloc/ip_geoloc_api.inc for details.
-
- function ip_geoloc_output_map_current_location($div_id, $map_opts...)
- function ip_geoloc_output_map_multi_locations($locations, $div_id, $map_opts....)
- function ip_geoloc_distance($location, $ref_location='current visitor');
-
- Add, remove or alter locations as returned by the View before they're being
- mapped, by implementing:
- function hook_ip_geoloc_marker_locations_alter(&$locations, $view);
-
- Some suspected web crawlers
- You may find that the following are great fans of your web site, visiting it
- repeatedly ;-)
- "Mountain View, CA 94043, USA" (Google, IPs 66.249.68.*, 66.249.69.* etc)
- "Sunnyvale, CA 94089, USA" (Yahoo!, IPs 67.195.*.*)
- "Dongcheng, Beijing, China" (IPs 123.125.71.*, 180.76.5.*)
-
- See also http://whois.domaintools.com
-
- AUTHOR
- ======
- rik @ flink dot com dot au, Melbourne, Australia.