Answers.Body: <p>Just to note that this stopped working around CIVICRM 4.7.19.</p>
  
  <p>You need to apply the patch to Drupal IP_geoloc module here:</p>
  
  <p><a href="https://www.drupal.org/node/2861393" rel="nofollow noreferrer">https://www.drupal.org/node/2861393</a></p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-04-16T17:08:43.810Z
Answers.Text: I just put my CiviCamp Calgary participants on a Leaflet map and I did not need this patch
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-06-07T04:20:37.450Z
Answers.Text: I did the set up as per the answer above, and was hitting the same blank white screen that others reported in the previous comments. I went to https://www.drupal.org/node/2861393 and looked at reviews of the patch, and folks reporting success with it - being able to see maps using the Leaflet API. So, I installed it, and can now see mapped addresses using the Google API alternative, though still do not using the Leaflet API alternative. When I tried mapping a large number of addresses using the Google API alternative, I got the same white/blank screen, so scaled that down to 250 with success.
Answers.UserDisplayName: Joe McLaughlin
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-09-03T12:27:23.820Z
Answers.Text: I used Karin's recipe and it worked with Google but not Leaflet. I then checked the correct leaflet js was added. The module checks for http://cdn.leafletjs.com/leaflet/v1.0.2/leaflet.zip - when I installed the js from this everything worked.
Answers.UserDisplayName: Tony Horrocks
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-09-23T01:52:27.067Z
Answers.LastActivityDate: 2017-09-23T01:52:27.067Z
Answers.UserDisplayName: joewickert
Answers.Body: <p>Leaftlet is an open-source JavaScript Library for interactive mobile friendly maps. It only takes a few minutes to put your CiviCRM Contacts on a Leaflet Map if you're using Drupal.</p>
  <p>Here are some of my slides from my CiviCON 2016 lightning talk:</p>
  <p><strong>EDIT: Some additional notes based on comments below and some questions emailed to me:</strong></p>
  <ul>
  <li>To get started with CiviCRM - Drupal integration make sure you have
  CMS integration set up Administer: civicrm/admin/setting/uf?reset=1</li>
  <li>add a filter to not bother w/ non-geocoded addresses:  Filter
  Criteria: CiviCRM Address: Latitude (not empty)</li>
  </ul>
  <p><strong>EDIT: for this example I used: drush pm-list</strong> --type=Module --no core --status=enabled
  (and relevant...)</p>
  <p>CiviCRM CiviCRM (civicrm) 4.6.18<br />
  Other IP Geolocation Views &amp; Maps (ip_geoloc) 7.x-1.28<br />
  Other Leaflet (leaflet) 7.x-1.3<br />
  Other Leaflet Markercluster (leaflet_markercluster) 7.x-1.2<br />
  Other Libraries (libraries) 7.x-2.2<br />
  Views Views (views) 7.x-3.14</p>
  <p>Don't forget Leaflet module requires you to install leaflet library in /libraries (either your sites/all/libraries or your specific site's /libraries).</p>
  <p><a href="https://i.sstatic.net/E8t6O.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/E8t6O.jpg" alt="enter image description here" /></a></p>
  <p><a href="https://i.sstatic.net/xa4C1.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/xa4C1.jpg" alt="enter image description here" /></a></p>
  <p><a href="https://i.sstatic.net/grnNR.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/grnNR.jpg" alt="enter image description here" /></a></p>
  <p><a href="https://i.sstatic.net/yZTEb.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/yZTEb.jpg" alt="enter image description here" /></a></p>
  <p><a href="https://i.sstatic.net/GPwgb.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/GPwgb.jpg" alt="enter image description here" /></a></p>
  <p><a href="https://i.sstatic.net/Hfgxv.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/Hfgxv.jpg" alt="enter image description here" /></a></p>
  <p><a href="https://i.sstatic.net/HktDu.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/HktDu.jpg" alt="enter image description here" /></a></p>
  <p>UPDATE: now requires this patch for ip_geolocate module -&gt; <a href="https://www.drupal.org/files/issues/ip_geoloc_plugin_style.inc_.patch" rel="nofollow noreferrer">https://www.drupal.org/files/issues/ip_geoloc_plugin_style.inc_.patch</a></p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-10T19:03:32.080Z
Answers.Text: nice suggestion - have used Views and OpenLayers in past. thought I should try this out ;-) ..... not clear if leaflet_views was required (which required geofield). currently just getting white page instead of map. tested on same site with Leaflet map based on content and had no issues. will come back to this some other time
Answers.UserDisplayName: petednz - fuzion
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-10T19:52:00.557Z
Answers.Text: hey Pete - leaflet_views is not required (is disabled; I just double checked) - did you hook up the CiviCRM Lat and Lon fields in Settings -> Map (Leaflet API) (5th slide from the top)?
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-10T22:29:01.640Z
Answers.Text: yep - i did that. only went back to leaflet-views when i got nowhere, so good to know it wasn't required. it obviously was when i wanted to do a drupal content only version of the map to check it wasn't something else like ht auth blocking me etc
Answers.UserDisplayName: petednz - fuzion
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-10T22:30:39.300Z
Answers.Text: and i had a 'page' view using same civi tables to ensure i did have data that 'should' be showing ;-)
Answers.UserDisplayName: petednz - fuzion
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-11T06:23:51.883Z
Answers.Text: I'm also getting a blank page...
Answers.UserDisplayName: Yossi
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-11T12:45:59.457Z
Answers.Text: Ok my turn to reproduce this!
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-11T15:33:02.633Z
Answers.Text: Ok I just completely went from scratch - on a site that had never even used GeoCoding and/or any other mapping - and all looks good - will add in a few more bits (possible gaps) in my Answer & will list all module versions!
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-11T15:42:46.840Z
Answers.Text: Pete & Yossi: do you have a filter to handle non geocoded addresses? I just set it up on a site that didn't even have any Views integration in the settings.php yet. If this doesn't help then I'll post an entire pm-list. PS - are you on 4.6.x?
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-11T16:47:54.137Z
Answers.Text: Strange... you can see my setup here: https://www.evernote.com/l/ANwKWTTPqqhKupaze4Hr1gPhdt3RzU5ypyM
Answers.UserDisplayName: Yossi
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-11T22:53:13.430Z
Answers.Text: I don't have Contextual links nor Dropdown links. In the one I created this morning I just have CiviCRM Contacts: Contact ID, CiviCRM Address: Latitude and CiviCRM: Longitude and 1 Filter: CiviCRM Address: Latitude (not empty) - will post the pm-list - w/ module versions
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-11T22:54:31.203Z
Answers.Text: PS - what do you have for CiviCRM Location Display Options? If got out-of-the-box: AND Any
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2016-07-11T23:17:26.390Z
Answers.Text: Any errors/notices in the browser console? And/or the PHP log?
Answers.UserDisplayName: KarinG - Semper IT
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2016-07-09T18:13:51.157Z
Answers.LastActivityDate: 2020-06-25T01:51:48.033Z
Answers.LastEditDate: 2020-06-25T01:51:48.033Z
Answers.UserDisplayName: KarinG - Semper IT
Body: <p>To summarize: someone asked me to post this here - so that he can give it a try! </p>
  
  <ul>
  <li>put a PIN based on latitude/longitude of the CiviCRM Contact</li>
  <li>put CiviCRM Contact data in the bubble pop-up</li>
  <li>color the PIN based on value of a CiviCRM Custom field</li>
  </ul>
  
Tags: <drupal><drupal-views><cms-integration><geocoding><map>
Title: How to put your CiviCRM Contacts on a Leafleft Map in 5min?
ThreadText: # How to put your CiviCRM Contacts on a Leafleft Map in 5min?
  
  (Asked by: username_0 on 2016-07-09)
  
  To summarize: someone asked me to post this here - so that he can give it a try!
  
  * put a PIN based on latitude/longitude of the CiviCRM Contact
  * put CiviCRM Contact data in the bubble pop-up
  * color the PIN based on value of a CiviCRM Custom field
  
  **Tags:** drupal, drupal-views, cms-integration, geocoding, map
  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_0 on 2016-07-09. Score: 9 | Accepted answer
  
  Leaftlet is an open-source JavaScript Library for interactive mobile friendly maps. It only takes a few minutes to put your CiviCRM Contacts on a Leaflet Map if you're using Drupal.
  
  Here are some of my slides from my CiviCON 2016 lightning talk:
  
  **EDIT: Some additional notes based on comments below and some questions emailed to me:**
  
  * To get started with CiviCRM - Drupal integration make sure you have
    CMS integration set up Administer: civicrm/admin/setting/uf?reset=1
  * add a filter to not bother w/ non-geocoded addresses: Filter
    Criteria: CiviCRM Address: Latitude (not empty)
  
  **EDIT: for this example I used: drush pm-list** --type=Module --no core --status=enabled
  (and relevant...)
  
  CiviCRM CiviCRM (civicrm) 4.6.18  
  Other IP Geolocation Views & Maps (ip\_geoloc) 7.x-1.28  
  Other Leaflet (leaflet) 7.x-1.3  
  Other Leaflet Markercluster (leaflet\_markercluster) 7.x-1.2  
  Other Libraries (libraries) 7.x-2.2  
  Views Views (views) 7.x-3.14
  
  Don't forget Leaflet module requires you to install leaflet library in /libraries (either your sites/all/libraries or your specific site's /libraries).
  
  [![enter image description here](https://i.sstatic.net/E8t6O.jpg)](https://i.sstatic.net/E8t6O.jpg)
  
  [![enter image description here](https://i.sstatic.net/xa4C1.jpg)](https://i.sstatic.net/xa4C1.jpg)
  
  [![enter image description here](https://i.sstatic.net/grnNR.jpg)](https://i.sstatic.net/grnNR.jpg)
  
  [![enter image description here](https://i.sstatic.net/yZTEb.jpg)](https://i.sstatic.net/yZTEb.jpg)
  
  [![enter image description here](https://i.sstatic.net/GPwgb.jpg)](https://i.sstatic.net/GPwgb.jpg)
  
  [![enter image description here](https://i.sstatic.net/Hfgxv.jpg)](https://i.sstatic.net/Hfgxv.jpg)
  
  [![enter image description here](https://i.sstatic.net/HktDu.jpg)](https://i.sstatic.net/HktDu.jpg)
  
  UPDATE: now requires this patch for ip\_geolocate module -> <https://www.drupal.org/files/issues/ip_geoloc_plugin_style.inc_.patch>
  
  > **Comments:**
  > **username_4**: nice suggestion - have used Views and OpenLayers in past. thought I should try this out ;-) ..... not clear if leaflet_views was required (which required geofield). currently just getting white page instead of map. tested on same site with Leaflet map based on content and had no issues. will come back to this some other time  
  > **username_0**: hey Pete - leaflet_views is not required (is disabled; I just double checked) - did you hook up the CiviCRM Lat and Lon fields in Settings -> Map (Leaflet API) (5th slide from the top)?  
  > **username_4**: yep - i did that. only went back to leaflet-views when i got nowhere, so good to know it wasn't required. it obviously was when i wanted to do a drupal content only version of the map to check it wasn't something else like ht auth blocking me etc  
  > **username_4**: and i had a 'page' view using same civi tables to ensure i did have data that 'should' be showing ;-)  
  > **username_5**: I'm also getting a blank page...  
  > **username_0**: Ok my turn to reproduce this!  
  > **username_0**: Ok I just completely went from scratch - on a site that had never even used GeoCoding and/or any other mapping - and all looks good - will add in a few more bits (possible gaps) in my Answer & will list all module versions!  
  > **username_0**: Pete & username_5: do you have a filter to handle non geocoded addresses? I just set it up on a site that didn't even have any Views integration in the settings.php yet. If this doesn't help then I'll post an entire pm-list. PS - are you on 4.6.x?  
  > **username_5**: Strange... you can see my setup here: https://www.evernote.com/l/ANwKWTTPqqhKupaze4Hr1gPhdt3RzU5ypyM  
  > **username_0**: I don't have Contextual links nor Dropdown links. In the one I created this morning I just have CiviCRM Contacts: Contact ID, CiviCRM Address: Latitude and CiviCRM: Longitude and 1 Filter: CiviCRM Address: Latitude (not empty) - will post the pm-list - w/ module versions  
  > **username_0**: PS - what do you have for CiviCRM Location Display Options? If got out-of-the-box: AND Any  
  > **username_0**: Any errors/notices in the browser console? And/or the PHP log?  
  
  ---
  
  ### Answer by username_1 on 2017-09-23. Score: 2
  
  Just to note that this stopped working around CIVICRM 4.7.19.
  
  You need to apply the patch to Drupal IP\_geoloc module here:
  
  <https://www.drupal.org/node/2861393>
  
  > **Comments:**
  > **username_0**: I just put my CiviCamp Calgary participants on a Leaflet map and I did not need this patch  
  > **username_2**: I did the set up as per the answer above, and was hitting the same blank white screen that others reported in the previous comments. I went to https://www.drupal.org/node/2861393 and looked at reviews of the patch, and folks reporting success with it - being able to see maps using the Leaflet API. So, I installed it, and can now see mapped addresses using the Google API alternative, though still do not using the Leaflet API alternative. When I tried mapping a large number of addresses using the Google API alternative, I got the same white/blank screen, so scaled that down to 250 with success.  
  > **username_3**: I used Karin's recipe and it worked with Google but not Leaflet. I then checked the correct leaflet js was added. The module checks for http://cdn.leafletjs.com/leaflet/v1.0.2/leaflet.zip - when I installed the js from this everything worked.  
  
  ---
  
  