map-dashboard.js

map-dashboard.js

require('leaflet');
var WMS = require('leaflet.wms');

window.onload = function() {
	// initialize the map on the "map" div with a given center and zoom
	var map = L.map('map', {
	    center: new L.LatLng(1.355, 103.84),
	    zoom: 13,
	});

	//add basemap
	L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
		attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
		maxZoom: 18,
	}).addTo(map);

	//add map service
	var layer = WMS.overlay("http://localhost:8080/geoserver/cite/wms?", {
		layers: 'cite:assets_location',
		format: 'image/png',
		transparent: true,
	});

	layer.addTo(map);
}