Scribd
Upload
5 views14 pages

Doctype HTML

This document is an HTML file that sets up a web page with a map using the Leaflet library. It initializes a map centered at specific geographical coordinates and adds OpenStreetMap tiles as the background. A marker is also placed on the map with a popup message indicating a security breach detected.

Uploaded by

kannansaravana2008
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
5 views14 pages

Doctype HTML

This document is an HTML file that sets up a web page with a map using the Leaflet library. It initializes a map centered at specific geographical coordinates and adds OpenStreetMap tiles as the background. A marker is also placed on the map with a popup message indicating a security breach detected.

Uploaded by

kannansaravana2008
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

<!

DOCTYPE
html>
<html>
<head>
<link
rel="stylesheet
"
href="[Link]
[Link]/leafl
et@1.9.4/dist/l
[Link]" />
<script
src="[Link]
[Link]/leafle
t@1.9.4/dist/le
[Link]"></scri
pt>
<style>
#map
{ height:
400px; width:
100%; }
</style>
</head>
<body>
<div
id="map"></di
v>
<script>
// Initialize
the map and
set its view to
a chosen
geographical
coordinates
and a zoom
level
var map =
[Link]('map').s
etView([51.505
, -0.09], 13);
// Add the
background
map tiles
(OpenStreetM
ap)
[Link]('htt
ps://[Link]
[Link]/{
z}/{x}/{y}.png',
{
maxZoom: 19,
attribution: '©
OpenStreetMa
p'
}).addTo(m
ap);
// Add a
marker
var marker
=
[Link]([51.5,
-
0.09]).addTo(m
ap);
[Link]
pup("<b>Targe
t
Located</b><b
r>Security
breach
detected.").op
enPopup();
</script>
</body>
</html>

You might also like