Add new file

parent 00f8a93a
<html>
<head>
<title>A Leaflet map!</title>
<link rel = "stylesheet" href = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css"/>
<script src = "http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
<style>
#map{ height: 100% }
</style>
</head>
<body>
<div id="map"></div>
<script>
// Creating map options
var mapOptions = {
center: [17.5952, 78.4414],
zoom: 15,
zoomControl: false
}
var map = new L.map('map',mapOptions); // Creating a map object
L.marker([17.5952, 78.4414]).addTo(map)
.bindPopup('MLRIT')
.openPopup();
var myIcon = L.icon({
iconUrl: 'fitness.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59454, 78.44211], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'atm.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59578,78.44065], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'canteen.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59446,78.44184], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'books.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59420,78.44148], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'parking.svg',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59708,78.44330], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'male-2.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59669,78.44278], {icon: myIcon}).addTo(map);
//water in hostel
var myIcon = L.icon({
iconUrl: 'water.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59667,78.44291], {icon: myIcon}).addTo(map);
//water in freshers dept.
var myIcon = L.icon({
iconUrl: 'water.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59632,78.44288], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'male-2.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59633,78.44278], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'soccer.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59521,78.44265], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'cricket.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59543,78.44162], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'basketball.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59540,78.44100], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'workshop1.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59430,78.44080], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'indoor st.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59445,78.44236], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'volleyball.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59473,78.44150], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'fountain.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59461,78.44089], {icon: myIcon}).addTo(map);
//water in zumba room
var myIcon = L.icon({
iconUrl: 'water.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59429,78.44214], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'male-2.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59424,78.44239], {icon: myIcon}).addTo(map);
//girls hostel
var myIcon = L.icon({
iconUrl: 'water.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59403,78.44210], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'female-2.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59399,78.44228], {icon: myIcon}).addTo(map);
//srushti
var myIcon = L.icon({
iconUrl: 'male-2.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59423,78.44124], {icon: myIcon}).addTo(map);
//juice center
var myIcon = L.icon({
iconUrl: 'bar_juice.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59442,78.44160], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'coffee.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59448,78.44165], {icon: myIcon}).addTo(map);
//water in canteen
var myIcon = L.icon({
iconUrl: 'water.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59449,78.44188], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'auditorium.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59422,78.44166], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'water.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59454,78.44066], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'bike.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59618,78.44076], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'bus.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59625,78.44099], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'car.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59598,78.44104], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'parking.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59605,78.44090], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'bus.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59709,78.44329], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'grass.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59539,78.44059], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'tree.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59475,78.44106], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'tree.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59591,78.44271], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'tree.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59647,78.44255], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'tree.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59584,78.44315], {icon: myIcon}).addTo(map);
var myIcon = L.icon({
iconUrl: 'tree.png',
iconSize: [20, 20],
iconAnchor: [5, 5],
popupAnchor: [10, 10],
});
L.marker([17.59672,78.44342], {icon: myIcon}).addTo(map);
// initialize the map
// load a tile layer
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
{
attribution: 'Tiles by <a href="http://mapc.org">MAPC</a>, Data by <a href="http://mass.gov/mgis">MassGIS</a>',
maxZoom: 20,
minZoom: 9
}).addTo(map);
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment