Scribd
Upload
24 views3 pages

Script Acara 9

Uploaded by

ZIDAN WAHYU SAPUTRA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
24 views3 pages

Script Acara 9

Uploaded by

ZIDAN WAHYU SAPUTRA
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

Script 1:

<!--minimap plugin-->
<link rel="stylesheet" href="leaflet/minimap/Control.MiniMap.min.css"/>
<script src="leaflet/minimap/Control.MiniMap.min.js"></script>

Script 2:
//Menampilkan minimap
var CartoDB = new L.TileLayer("https://cartodb-basemaps-
{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png", { maxZoom: 8,
attribution: '&copy; <a
href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>
contributors, &copy; <a
href="https://cartodb.com/attributions">CartoDB</a>'});
var miniMap = new L.Control.MiniMap(CartoDB,{toggleDisplay:
true,position: 'bottomleft'}).addTo(mymap);

Script 3:
//Menambahkan basemap OSM
var osm =
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
{maxZoom: 19,attribution: '© OpenStreetMap'});

//Menambahkan list layer


var baseMaps = {
"OpenStreetMap": osm,
"CartoDB": CartoDB_main
};

var overlayMaps = {
"Batas Desa": kec_laweyan,
"Toko": toko,
};

//Menambahkan layer control


var layerControl = L.control.layers(baseMaps,
overlayMaps).addTo(mymap);
Menyesuaikan script pada bagian:
// Menambahkan style pada saat load GeoJson
var URL = "http://localhost/acara7/geojson.php";
var kec_laweyan = L.geoJson.ajax(URL,
{style:pilihstyle}).addTo(mymap);

// Basemap CartoDB
var CartoDB_main = L.tileLayer("https://cartodb-basemaps-
{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png", { maxZoom: 18,
attribution: '&copy; <a
href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>
contributors, &copy; <a
href="https://cartodb.com/attributions">CartoDB</a>'}).addTo(mymap);

// Menambahkan layer dari toko.php


var URL1 = "http://localhost/acara7/toko.php";
var toko = L.geoJson.ajax(URL1,{pointToLayer: function (feature,
latlng) {return L.marker(latlng, {icon:
iconToko(feature)});}}).addTo(mymap);

Script 4:
// Menambahkan informasi object
function onEachFeatureFunction(feature, layer)
{
var popupContent = '';
popupContent = popupContent + "ID:" +
feature.properties.OBJID + '</br>';
popupContent = popupContent + "Nama:" +
feature.properties.NAME + '</br>';
popupContent = popupContent + "Populasi:" +
feature.properties.POPULASI + '</br>';
popupContent = popupContent + "Ukuran:" +
feature.properties.ukuran + '</br>';
layer.bindPopup(popupContent);
}
Menyesuaikan pada script:
// Menambahkan layer dari toko.php
var URL1 = "http://localhost/acara7/toko.php";
var toko = L.geoJson.ajax(URL1, {
pointToLayer: function (feature, latlng) {
return L.marker(latlng, { icon: iconToko(feature) });
},
onEachFeature: onEachFeatureFunction
}).addTo(mymap);

// Menambahkan style pada saat load GeoJson


var URL = "http://localhost/acara7/geojson.php";
var kec_laweyan = L.geoJson.ajax(URL, {
style: pilihstyle,
onEachFeature: onEachFeatureFunction
}).addTo(mymap);

You might also like