1. Go to this page and download the library: Download beastbytes/yii2-leaflet library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
beastbytes / yii2-leaflet example snippets
use BeastBytes\Leaflet\Map;
$centre = new LatLng([
'lat' => 51.737022,
'lng' => -4.931467
]);
$centreLayerGroup = new LayerGroup([ // Layer group with a marker and circle
'layers' => [
new Circle([
'latLng' => $centre,
'content' => 'This circle has a 5km raduis', // Setting 'content' creates a popup
'options' => [
'radius' => 5000
]
]),
new Marker([
'latLng' => $centre,
'options' => [
'draggable' => true,
'icon' => new Icon([
'options' => [
'iconAnchor' => new Point(['x' => 12, 'y' => 40]), // This is important - it anchors a point in the image, measured in pixels from the top left of the image, to the geographical point given by latLng
'iconUrl' => "/images/leaflet/marker-icon-magenta.png", // replace with your own image URL
'shadowUrl' => '/images/leaflet/marker-shadow.png' // replace with your own image URL
]
])
],
'events' => [
'dragend' => 'function(e){
var marker = e.target;
var position = marker.getLatLng();
window.alert("New position " + position.lat + " " + position.lng);
}'
]
])
]
]);
$centreLayerGroup->map = false; // don't show initially
$icon = new Icon([
'options' => [
'iconAnchor' => new Point(['x' => 12, 'y' => 40]),
'iconUrl' => "/images/leaflet/marker-icon-green.png",
'shadowUrl' => '/images/leaflet/marker-shadow.png'
]
]);
$pubLayers = [];
$pubs = [
[
'name' => 'The Cottage Inn',
'address' => 'Llangwm, Haverfordwest, Dyfed SA62 4HH',
'tel' => '+44 1437 891494',
'location' => ['lat' => 51.749558, 'lng' => -4.911994]
],
[
'name' => 'The Ferry Inn',
'address' => 'Pembroke Ferry, Pembroke Dock, Pembrokeshire SA72 6UD',
'tel' => '+44 1646 682947',
'location' => ['lat' => 51.707498, 'lng' => -4.927023]
]
];
foreach ($pubs as $pub) {
$pubLayers[] = new Marker([
'latLng' => new LatLng($pub['location']),
'options' => compact('icon'),
'content' => '<p><b>'.$pub['name'].'</b></p><p>'.$pub['address'].'</p><p>Tel: '.$pub['tel'].'</p>'
]);
}
$pubsLayerGroup = new LayerGroup([ // group the public layers
'layers' => $pubLayers
]);
$layersControl = new Layers([ // create a layers control to control layer visibility
'overlays' => [
'Centre of Map' => $centreLayerGroup,
'Pubs' => $pubsLayerGroup
]
]);
echo Map::widget([
'options' => [
'id' => 'leaflet',
'style' => 'height:800px' // a height must be specified
],
'mapOptions' => [
'center' => $centre,
'layers' => [
new TileProvider('OpenStreetMap') // this creates the tile layer
],
'zoom' => 10
],
'controls' => [
$layersControl,
new Scale()
],
'layers' => [
$centreLayerGroup,
$pubsLayerGroup
],
'plugins' => [
new Fullscreen()
]
]);
Loading please wait ...
Before you can download the PHP files, the dependencies should be resolved. This can take some minutes. Please be patient.