Ol Leaflet Dcvie1 150327053502 Conversion Gate01

8/17/2019 Ol Leaflet Dcvie1 150327053502 Conversion Gate01

1/44

OpenLayers vs.

Leaflet

DrupalCamp Vienna, Nov. 2013


2/44

The who is who!nt"e Lor#h

@ifrik

Site builder Documentation

OpenLayers

$osef Da%erni&

@dasjo

Allrounder

Community

Leaflet


3/44

'ho are you● … and why we do this Session


4/44

'hat (oes the OpenLayers mo(ule1 !uildin" #ueries

$ usin" %iews

& Confi"urin" maps

$ Openlayers settin"s

' (uttin" the map)s* on the site

$ either usin" %iews or OL blocks


5/44

'hat (oes the Leaflet mo(ule1 !uildin" #ueries

$ usin" %iews

& Confi"urin" maps

$ +sin" the A(, - hook

' (uttin" the map)s* on the site

$ %iews )step 1* or Leaflet .eo/SO0 )aja*


6/44

'hat not in OL ) Leaflet mo(ules

2data input32"eocodin"

2data stora"e2proimity search

but other modules do that


7/44

OL other mo(ules an( resour#es

2.eofield &2.eocoder

2OL !locks2OL 4ilters2OL 4eature (opups

2


8/44

Leaflet other mo(ules an( resour#es

2.eofield &2.eocoder

2Leaflet markercluster 2Leaflet wid"et2Leaflet more maps

2Leaflet label

2


9/44

DrupalStorage – Query – Display


10/44

5 ,nput data6 .eofield Openlayers 7id"et


11/44

5 ,nput data6 .eofield Leaflet wid"et

6) !eta from 0o8 &51&3 doesn9t support .eofield & yet:


12/44

1 ;uery6 OpenLayers Data O8erlay


13/44

1


14/44

2 OL maps* +eneral esour#es

)!ase* Layers6 maps < tiles

Styles6 =arkers


15/44

2.1 OL Choose or a(( your map


16/44

2.2 OL Confi&ure your map


17/44

&' OL =ap Specific settin"s

!ase Layer

Layers > Data O8erlays

=arkers per Layer

,nitial ?oom le8el

and focus

!eha8ior6

Layerswitcher3

0a8i"ation3ooltps etc


18/44

3. OL -ut the map in the site


19/44

3 Leaflet -ut the map in the site

● 0ot necessary


20/44

2.2 Leaflet Confi&ure your map

● =issin" some +,


21/44

/** * Implements hook_leaflet_map_info(). */

function leaflet_dcvie_leaflet_map_info() {

return array) 'mapbox dasjo dcvie' =>

array) 'label' => 'mapbox dasjo dcvie',

'description' => t(''),

'settings' => array)

'minZoom' => 0,

'maxZoom' => , 'dragging' => TRUE,

'touc!Zoom' => TRUE,

),

'la"ers' => array)

'control_room' => array) 'url#emplate' => '!ttp$%%{s&tilesmapboxcom%v%*%{+&%{x&%{"&png',

'options' => array)

'attribution' => 'op"rig!t notes'

)

),

), ),

Leaflet maps

http://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/arrayhttp://www.php.net/array


22/44

3 !lternative* Leaflet +eo$ON Allows to use an A/AB!oundin" !o Strate"y

e#uires %iews .eo/SO0 E (atches 6)

ecent "eofield chan"es re#uire chan"es

https6FFdrupalor"FnodeF1GHIJIJ !!o ar"ument handler fies

https6FFdrupalor"FnodeF1J'HKKI

https://drupal.org/node/1794848https://drupal.org/node/1794848


23/44

Demo time:


24/44


25/44

/amples


26/44

www.moonun(erwater.eu


27/44

unes#o.nl


28/44

unes#o.nl


29/44

&elui(vanne(erlan(.nl


30/44

&elui(vanne(erlan(.nl


31/44


32/44


33/44

!ase tiles


34/44

/a8aScript =appin" Libraries

● Leaflet

● OpenLayers

●

d' F (roto8is● polymaps

● =odest =aps


35/44


36/44


37/44

=y recipe

● .eofield

● Leaflet

●

%iews .eo/SO0● Leaflet .eo/SO0

● Leafletmarkercluster )clientside*

or .eocluster )ser8erside*


38/44


39/44

and more

● Custom base tiles6 ilemill

● Custom 8isualiation6 d'3 /a8aScript

●

,mport6 4eeds● (roimity search6 .eofield3 Search A(,

Location


40/44


41/44


42/44

?


43/44


44/44

Date post:	06-Jul-2018
Category:	Documents
Upload:	gustavo-luis-condoy-pogo
View:	216 times
Download:	0 times

Ol Leaflet Dcvie1 150327053502 Conversion Gate01

Documents