Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Commit no 1664 #1667

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
+2,792 −689
Open

Commit no 1664 #1667

Changes from 1 commit
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
700fb34
maps
Mohitpatil344 Oct 14, 2024
c32c19d
rescue page added
Mohitpatil344 Oct 17, 2024
41cc9e2
Merge branch 'main' into main
Mohitpatil344 Oct 17, 2024
9be5bb4
maps and additional functionality added
Mohitpatil344 Oct 26, 2024
04e165e
Resolved merge conflicts
Mohitpatil344 Oct 26, 2024
b9666cd
changes done in css of cards
Mohitpatil344 Oct 26, 2024
4502572
Merge branch 'main' into main
Mohitpatil344 Oct 26, 2024
9db7d89
issue no #1664
Mohitpatil344 Oct 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
maps and additional functionality added
@Mohitpatil344
Mohitpatil344 committed Oct 26, 2024
commit 9be5bb4c8308154614c15bf40c837de26ab86184
771 changes: 639 additions & 132 deletions Maps/public/js/script.js
View file
Original file line number Diff line number Diff line change
@@ -1,143 +1,656 @@
document.addEventListener('DOMContentLoaded', () => {
// Initialize the map with a default view
const map = L.map('map').setView([20.5937, 78.9629], 5); // Default view over India

// Add OpenStreetMap tiles
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© OpenStreetMap'
}).addTo(map);

// Helper function to add a marker
const addMarker = (lat, lng, label, customIcon = null) => {
const marker = L.marker([lat, lng], { icon: customIcon }).addTo(map);
marker.bindPopup(label);
return marker;
};

// Custom icon for markers
const parkIcon = L.icon({
iconUrl: 'https://cdn-icons-png.flaticon.com/512/252/252025.png', // Custom icon URL
iconSize: [38, 38], // Size of the icon
iconAnchor: [22, 38], // Anchor point of the icon
popupAnchor: [-3, -38] // Where the popup opens relative to the icon
iconUrl: 'https://cdn-icons-png.flaticon.com/512/252/252025.png',
iconSize: [38, 38],
iconAnchor: [22, 38],
popupAnchor: [-3, -38]
});

// Define national parks with their coordinates
const nationalParks = [
{ name: "Corbett National Park", lat: 29.5521551, lng: 78.8832107 },
{ name: "Kanha National Park", lat: 22.4279, lng: 80.3888 },
{ name: "Tadoba National Park", lat: 20.2167, lng: 79.3075 },
{ name: "Madhav National Park", lat: 24.1740, lng: 77.2631 },
{ name: "Bandhavgarh National Park", lat: 23.6340, lng: 80.7925 },
{ name: "Kaziranga National Park", lat: 26.5775, lng: 93.1711 },
{ name: "Bandipur National Park", lat: 11.6462, lng: 76.5169 },
{ name: "Bannerghatta National Park", lat: 12.7287, lng: 77.6153 },
{ name: "Gir National Park", lat: 21.1266, lng: 70.7923 },
{ name: "Gugamal National Park", lat: 21.3845, lng: 78.8282 },
{ name: "Navegaon National Park", lat: 21.0715, lng: 79.4155 },
{ name: "Pench National Park", lat: 22.0356, lng: 78.6348 },
{ name: "Blackbuck National Park", lat: 22.7111, lng: 70.3592 },
{ name: "Guindy National Park", lat: 13.0026, lng: 80.2266 },
{ name: "Keibul-Lamjao National Park", lat: 24.6607, lng: 93.8821 },
{ name: "Khangchendzonga National Park", lat: 27.2894, lng: 88.6340 },
{ name: "Dudhwa National Park", lat: 27.7088, lng: 80.5477 },
{ name: "Eravikulam National Park", lat: 10.0864, lng: 77.1852 },
{ name: "Vansda National Park", lat: 20.5245, lng: 73.2442 },
{ name: "Van Vihar National Park", lat: 23.2042, lng: 77.5053 },
{ name: "Simlipal National Park", lat: 21.6128, lng: 86.4637 },
{ name: "Ranthambore National Park", lat: 26.0173, lng: 76.5026 },
{ name: "Gulf of Mannar Marine National Park", lat: 9.2745, lng: 78.7100 },
{ name: "Guru Ghasidas (Sanjay) National Park", lat: 23.5115, lng: 81.6062 },
{ name: "Dachigam National Park", lat: 34.0861, lng: 74.7547 },
{ name: "Hemis National Park", lat: 33.4878, lng: 78.4206 },
{ name: "Kishtwar National Park", lat: 33.2536, lng: 75.9312 },
{ name: "Panna National Park", lat: 24.6740, lng: 80.0764 },
{ name: "Sanjay National Park", lat: 24.7275, lng: 80.1619 },
{ name: "Satpura National Park", lat: 22.4220, lng: 78.4156 },
{ name: "Keoladeo Ghana National Park", lat: 27.1965, lng: 77.4237 },
{ name: "Indravati National Park", lat: 19.1942, lng: 81.6651 },
{ name: "Kanger Valley National Park", lat: 19.2704, lng: 81.6920 },
{ name: "Marine National Park", lat: 20.4512, lng: 68.5780 },
{ name: "Periyar National Park", lat: 9.5659, lng: 77.0792 },
{ name: "Nanda Devi National Park", lat: 30.3868, lng: 79.5518 },
{ name: "Valley of Flowers National Park", lat: 30.1900, lng: 79.7313 },
{ name: "Mahatma Gandhi Marine National Park", lat: 13.0078, lng: 92.9537 },
{ name: "Namdapha National Park", lat: 27.2300, lng: 95.0867 },
{ name: "Fossil National Park", lat: 23.1384, lng: 80.1646 },
{ name: "Sanjay Gandhi National Park", lat: 19.1772, lng: 72.8872 },
{ name: "Rajaji National Park", lat: 30.1850, lng: 78.1892 },
{ name: "Great Himalayan National Park", lat: 32.0614, lng: 77.5175 },
{ name: "Silent Valley National Park", lat: 11.1565, lng: 76.5695 },
{ name: "Sunderban National Park", lat: 21.9798, lng: 88.8400 },
{ name: "Balpakram National Park", lat: 25.4866, lng: 91.5507 },
{ name: "Mouling National Park", lat: 28.1561, lng: 94.7006 },
{ name: "Betla National Park", lat: 23.7132, lng: 84.1843 },
{ name: "Nokrek Ridge National Park", lat: 25.3168, lng: 90.3530 },
{ name: "Neora Valley National Park", lat: 27.0272, lng: 88.7942 },
{ name: "Singalila National Park", lat: 27.0646, lng: 88.8594 },
{ name: "Middle Button Island National Park", lat: 10.4004, lng: 92.7494 },
{ name: "Mount Harriet National Park", lat: 11.6137, lng: 92.4967 },
{ name: "North Button Island National Park", lat: 10.3478, lng: 92.7595 },
{ name: "Saddle Peak National Park", lat: 13.1643, lng: 92.8898 },
{ name: "South Button Island National Park", lat: 10.3538, lng: 92.8393 },
{ name: "Pin Valley National Park", lat: 32.0760, lng: 78.7153 },
{ name: "Anshi National Park", lat: 14.8557, lng: 74.5847 },
{ name: "Kudremukh National Park", lat: 13.1417, lng: 75.8970 },
{ name: "Nagarahole (Rajiv Gandhi) National Park", lat: 11.5978, lng: 76.4474 },
{ name: "Bhitarkanika National Park", lat: 20.3733, lng: 86.8577 },
{ name: "Sri Venkateswara National Park", lat: 13.6345, lng: 79.5171 },
{ name: "Valmiki National Park", lat: 27.2473, lng: 84.0679 },
{ name: "Sultan National Park", lat: 28.1948, lng: 76.9539 },
{ name: "Indira Gandhi (Annamalai) National Park", lat: 9.1650, lng: 77.5869 },
{ name: "Gangotri National Park", lat: 30.9844, lng: 79.0794 },
{ name: "Manas National Park", lat: 26.5232, lng: 90.4354 },
{ name: "Mudumalai National Park", lat: 11.5357, lng: 76.6572 },
{ name: "Mukurthi National Park", lat: 11.5326, lng: 76.5875 },
{ name: "Govind National Park", lat: 30.7631, lng: 78.4743 },
{ name: "Murlen National Park", lat: 23.2576, lng: 92.6492 },
{ name: "Campbell Bay National Park", lat: 6.8550, lng: 93.6734 },
{ name: "Galathea Bay National Park", lat: 13.3700, lng: 92.9177 },
{ name: "Mollem National Park", lat: 15.3702, lng: 74.1904 },
{ name: "City Forest (Salim Ali) National Park", lat: 34.1515, lng: 74.2687 },
{ name: "Phawngpui Blue Mountain National Park", lat: 22.3978, lng: 93.0280 },
{ name: "Desert National Park", lat: 26.4571, lng: 70.0222 },
{ name: "Sariska National Park", lat: 27.0307, lng: 76.2869 },
{ name: "Buxa National Park", lat: 26.9487, lng: 89.1196 },
{ name: "Gorumara National Park", lat: 26.9254, lng: 88.7278 },
{ name: "Intanki National Park", lat: 26.1761, lng: 93.7262 },
{ name: "Kasu Brahmananda Reddy National Park", lat: 17.4175, lng: 78.4675 },
{ name: "Mahaveer Harina Vanasthali National Park", lat: 17.3868, lng: 78.4080 },
{ name: "Mrugavani National Park", lat: 17.3668, lng: 78.5200 },
{ name: "Rani Jhansi Marine National Park", lat: 10.3415, lng: 92.7050 },
{ name: "Nameri National Park", lat: 26.9567, lng: 93.5882 },
{ name: "Dibru-Saikhowa National Park", lat: 27.4457, lng: 95.5544 },
{ name: "Rajiv Gandhi Orang National Park", lat: 26.6282, lng: 93.4220 },
{ name: "Kalesar National Park", lat: 30.3361, lng: 77.1540 },
{ name: "Anamudi Shola National Park", lat: 10.1222, lng: 77.0654 },
{ name: "Mathikettan Shola National Park", lat: 10.0320, lng: 77.1611 },
{ name: "Pampadum Shola National Park", lat: 10.0504, lng: 77.0342 },
{ name: "Chandoli National Park", lat: 16.6728, lng: 73.9311 },
{ name: "Rajiv Gandhi (Rameswaram) National Park", lat: 9.2474, lng: 78.6282 },
{ name: "Mukundra Hills National Park", lat: 24.5968, lng: 75.7495 },
{ name: "Clouded Leopard National Park", lat: 23.8105, lng: 91.1614 },
{ name: "Bison National Park", lat: 23.8311, lng: 91.3775 },
{ name: "Papikonda National Park", lat: 17.2011, lng: 81.4712 },
{ name: "Inderkilla National Park", lat: 32.3658, lng: 77.3258 },
{ name: "Khirganga National Park", lat: 32.1162, lng: 77.2334 },
{ name: "Simbalbara National Park", lat: 30.9166, lng: 77.2514 },
{ name: "Jaldapara National Park", lat: 26.6483, lng: 89.0266 },
{
name: "Corbett National Park",
location: { lat: 29.5521551, lng: 78.8832107 },
species: [
{ species: "Bengal Tiger", population: 200 },
{ species: "Elephant", population: 350 },
{ species: "Leopard", population: 70 },
{ species: "Sambar Deer", population: 1000 },
{ species: "Sloth Bear", population: 50 }
]
},
{
name: "Kanha National Park",
location: { lat: 22.4279, lng: 80.3888 },
species: [
{ species: "Bengal Tiger", population: 80 },
{ species: "Barasingha (Swamp Deer)", population: 600 },
{ species: "Indian Wild Dog (Dhole)", population: 120 },
{ species: "Leopard", population: 60 },
{ species: "Indian Gaur", population: 800 }
]
},
{
name: "Tadoba National Park",
location: { lat: 20.2167, lng: 79.3075 },
species: [
{ species: "Bengal Tiger", population: 70 },
{ species: "Leopard", population: 40 },
{ species: "Sambar Deer", population: 600 },
{ species: "Indian Bison", population: 250 },
{ species: "Wild Boar", population: 500 }
]
},
{
name: "Madhav National Park",
location: { lat: 24.1740, lng: 77.2631 },
species: [
{ species: "Leopard", population: 30 },
{ species: "Sambar Deer", population: 200 },
{ species: "Chital", population: 300 },
{ species: "Nilgai", population: 150 },
{ species: "Indian Wolf", population: 15 }
]
},
{
name: "Bandhavgarh National Park",
location: { lat: 23.6340, lng: 80.7925 },
species: [
{ species: "Bengal Tiger", population: 60 },
{ species: "Indian Leopard", population: 30 },
{ species: "Sambar Deer", population: 800 },
{ species: "Indian Wolf", population: 15 },
{ species: "Wild Boar", population: 400 }
]
},
{
name: "Kaziranga National Park",
location: { lat: 26.5775, lng: 93.1711 },
species: [
{ species: "One-Horned Rhino", population: 2600 },
{ species: "Elephant", population: 1200 },
{ species: "Water Buffalo", population: 1500 },
{ species: "Bengal Tiger", population: 110 },
{ species: "Swamp Deer", population: 800 }
]
},
{
name: "Bandipur National Park",
location: { lat: 11.6462, lng: 76.5169 },
species: [
{ species: "Bengal Tiger", population: 40 },
{ species: "Indian Elephant", population: 1200 },
{ species: "Indian Bison", population: 800 },
{ species: "Leopard", population: 50 },
{ species: "Sambar Deer", population: 400 }
]
},
{
name: "Bannerghatta National Park",
location: { lat: 12.7287, lng: 77.6153 },
species: [
{ species: "Bengal Tiger", population: 30 },
{ species: "Leopard", population: 20 },
{ species: "Sambar Deer", population: 200 },
{ species: "Spotted Deer", population: 1000 },
{ species: "Indian Bison", population: 150 }
]
},
{
name: "Gir National Park",
location: { lat: 21.1266, lng: 70.7923 },
species: [
{ species: "Asiatic Lion", population: 600 },
{ species: "Indian Leopard", population: 300 },
{ species: "Sambar Deer", population: 400 },
{ species: "Spotted Deer", population: 1200 },
{ species: "Four-Horned Antelope", population: 100 }
]
},
{
name: "Gugamal National Park",
location: { lat: 21.3845, lng: 78.8282 },
species: [
{ species: "Bengal Tiger", population: 60 },
{ species: "Leopard", population: 40 },
{ species: "Indian Bison", population: 200 },
{ species: "Sambar Deer", population: 350 },
{ species: "Wild Boar", population: 100 }
]
},
{
name: "Navegaon National Park",
location: { lat: 21.0715, lng: 79.4155 },
species: [
{ species: "Bengal Tiger", population: 20 },
{ species: "Leopard", population: 25 },
{ species: "Sambar Deer", population: 200 },
{ species: "Indian Bison", population: 150 },
{ species: "Wild Boar", population: 100 }
]
},
{
name: "Pench National Park",
location: { lat: 22.0356, lng: 78.6348 },
species: [
{ species: "Bengal Tiger", population: 50 },
{ species: "Leopard", population: 60 },
{ species: "Indian Wild Dog (Dhole)", population: 120 },
{ species: "Sambar Deer", population: 300 },
{ species: "Chital (Spotted Deer)", population: 800 }
]
},
{
name: "Blackbuck National Park",
location: { lat: 22.7111, lng: 70.3592 },
species: [
{ species: "Blackbuck", population: 2000 },
{ species: "Chital", population: 300 },
{ species: "Nilgai", population: 150 },
{ species: "Wild Boar", population: 100 },
{ species: "Fox", population: 50 }
]
},
{
name: "Guindy National Park",
location: { lat: 13.0026, lng: 80.2266 },
species: [
{ species: "Blackbuck", population: 200 },
{ species: "Indian Palm Squirrel", population: 100 },
{ species: "Bonnet Macaque", population: 80 },
{ species: "Spotted Deer", population: 150 },
{ species: "Mongoose", population: 40 }
]
},
{
name: "Keibul-Lamjao National Park",
location: { lat: 24.6607, lng: 93.8821 },
species: [
{ species: "Sangai (Dancing Deer)", population: 200 },
{ species: "Indian Elephant", population: 150 },
{ species: "Bengal Tiger", population: 20 },
{ species: "Wild Boar", population: 100 },
{ species: "Chital", population: 300 }
]
},
{
name: "Khangchendzonga National Park",
location: { lat: 27.2894, lng: 88.6340 },
species: [
{ species: "Snow Leopard", population: 30 },
{ species: "Blue Sheep", population: 300 },
{ species: "Musk Deer", population: 50 },
{ species: "Himalayan Monal", population: 200 },
{ species: "Himalayan Black Bear", population: 20 }
]
},
{
name: "Dudhwa National Park",
location: { lat: 27.7088, lng: 80.5477 },
species: [
{ species: "Tiger", population: 70 },
{ species: "Indian Rhinoceros", population: 35 },
{ species: "Swamp Deer", population: 600 },
{ species: "Elephant", population: 300 },
{ species: "Leopard", population: 25 }
]
},
{
name: "Eravikulam National Park",
location: { lat: 10.0864, lng: 77.1852 },
species: [
{ species: "Nilgiri Tahr", population: 200 },
{ species: "Barking Deer", population: 100 },
{ species: "Asian Elephant", population: 150 },
{ species: "Malabar Grey Hornbill", population: 200 },
{ species: "Sambar Deer", population: 300 }
]
},
{
name: "Vansda National Park",
location: { lat: 20.5245, lng: 73.2442 },
species: [
{ species: "Barking Deer", population: 80 },
{ species: "Indian Flying Fox", population: 150 },
{ species: "Leopard", population: 20 },
{ species: "Sambar Deer", population: 150 },
{ species: "Indian Bison", population: 60 }
]
},
{
name: "Van Vihar National Park",
location: { lat: 23.2042, lng: 77.5053 },
species: [
{ species: "Bengal Tiger", population: 15 },
{ species: "Leopard", population: 20 },
{ species: "Indian Gaur", population: 100 },
{ species: "Sambar Deer", population: 100 },
{ species: "Nilgai", population: 50 }
]
},
{
name: "Simlipal National Park",
location: { lat: 21.6128, lng: 86.4637 },
species: [
{ species: "Bengal Tiger", population: 50 },
{ species: "Indian Elephant", population: 100 },
{ species: "Sambar Deer", population: 300 },
{ species: "Wild Boar", population: 150 },
{ species: "Indian Gaur", population: 200 }
]
},
{
name: "Ranthambore National Park",
location: { lat: 26.0173, lng: 76.5026 },
species: [
{ species: "Bengal Tiger", population: 75 },
{ species: "Indian Leopard", population: 20 },
{ species: "Sambar Deer", population: 600 },
{ species: "Chital", population: 1200 },
{ species: "Indian Bison", population: 150 }
]
},
{
name: "Gulf of Mannar Marine National Park",
location: { lat: 9.2745, lng: 78.7100 },
species: [
{ species: "Dugong", population: 50 },
{ species: "Green Sea Turtle", population: 200 },
{ species: "Hawksbill Turtle", population: 100 },
{ species: "Coral Species", population: 500 },
{ species: "Crab Species", population: 300 }
]
},
{
name: "Guru Ghasidas (Sanjay) National Park",
location: { lat: 23.5115, lng: 81.6062 },
species: [
{ species: "Bengal Tiger", population: 30 },
{ species: "Leopard", population: 20 },
{ species: "Sambar Deer", population: 300 },
{ species: "Chital", population: 600 },
{ species: "Indian Bison", population: 100 }
]
},
{
name: "Dachigam National Park",
location: { lat: 34.0861, lng: 74.7547 },
species: [
{ species: "Hangul (Kashmir Stag)", population: 150 },
{ species: "Barking Deer", population: 80 },
{ species: "Leopard", population: 25 },
{ species: "Black Bear", population: 20 },
{ species: "Himalayan Black Bear", population: 10 }
]
},
{
name: "Hemis National Park",
location: { lat: 33.4878, lng: 78.4206 },
species: [
{ species: "Snow Leopard", population: 200 },
{ species: "Blue Sheep", population: 300 },
{ species: "Himalayan Ibex", population: 150 },
{ species: "Red Fox", population: 100 },
{ species: "Common Marmot", population: 80 }
]
},
{
name: "Kishtwar National Park",
location: { lat: 33.2536, lng: 75.9312 },
species: [
{ species: "Snow Leopard", population: 50 },
{ species: "Himalayan Black Bear", population: 20 },
{ species: "Musk Deer", population: 30 },
{ species: "Himalayan Ibex", population: 80 },
{ species: "Red Fox", population: 40 }
]
},
{
name: "Panna National Park",
location: { lat: 24.6740, lng: 80.0764 },
species: [
{ species: "Bengal Tiger", population: 25 },
{ species: "Leopard", population: 20 },
{ species: "Sambar Deer", population: 300 },
{ species: "Chital", population: 500 },
{ species: "Wild Boar", population: 100 }
]
},
{
name: "Sanjay National Park",
location: { lat: 24.7275, lng: 80.1619 },
species: [
{ species: "Bengal Tiger", population: 20 },
{ species: "Leopard", population: 15 },
{ species: "Sambar Deer", population: 200 },
{ species: "Chital", population: 350 },
{ species: "Indian Wolf", population: 10 }
]
},
{
name: "Satpura National Park",
location: { lat: 22.4220, lng: 78.4156 },
species: [
{ species: "Bengal Tiger", population: 40 },
{ species: "Indian Bison", population: 500 },
{ species: "Sambar Deer", population: 200 },
{ species: "Chital", population: 400 },
{ species: "Leopard", population: 30 }
]
},
{
name: "Keoladeo Ghana National Park",
location: { lat: 27.1965, lng: 77.4237 },
species: [
{ species: "Brahminy Duck", population: 50 },
{ species: "Black-tailed Godwit", population: 1000 },
{ species: "Sarus Crane", population: 100 },
{ species: "Great Egret", population: 200 },
{ species: "Indian Pond Heron", population: 150 }
]
},
{
name: "Indravati National Park",
location: { lat: 19.1942, lng: 81.6651 },
species: [
{ species: "Bengal Tiger", population: 25 },
{ species: "Leopard", population: 15 },
{ species: "Indian Bison", population: 200 },
{ species: "Wild Boar", population: 150 },
{ species: "Chital", population: 300 }
]
},
{
name: "Kanger Valley National Park",
location: { lat: 19.2704, lng: 81.6920 },
species: [
{ species: "Bengal Tiger", population: 20 },
{ species: "Indian Bison", population: 100 },
{ species: "Chital", population: 150 },
{ species: "Leopard", population: 10 },
{ species: "Wild Boar", population: 80 }
]
},
{
name: "Marine National Park",
location: { lat: 20.4512, lng: 68.5780 },
species: [
{ species: "Dugong", population: 50 },
{ species: "Green Sea Turtle", population: 200 },
{ species: "Hawksbill Turtle", population: 100 },
{ species: "Coral Species", population: 500 },
{ species: "Sea Urchin", population: 300 }
]
},
{
name: "Periyar National Park",
location: { lat: 9.5659, lng: 77.0792 },
species: [
{ species: "Indian Elephant", population: 1500 },
{ species: "Bengal Tiger", population: 50 },
{ species: "Nilgai", population: 80 },
{ species: "Malabar Grey Hornbill", population: 200 },
{ species: "Sambar Deer", population: 300 }
]
},
{
name: "Nanda Devi National Park",
location: { lat: 30.3868, lng: 79.5518 },
species: [
{ species: "Snow Leopard", population: 30 },
{ species: "Himalayan Black Bear", population: 20 },
{ species: "Musk Deer", population: 50 },
{ species: "Blue Sheep", population: 300 },
{ species: "Himalayan Ibex", population: 80 }
]
},
{
name: "Valley of Flowers National Park",
location: { lat: 30.1900, lng: 79.7313 },
species: [
{ species: "Snow Leopard", population: 20 },
{ species: "Musk Deer", population: 50 },
{ species: "Himalayan Blue Sheep", population: 100 },
{ species: "Himalayan Ibex", population: 60 },
{ species: "Red Fox", population: 40 }
]
},
{
name: "Mahatma Gandhi Marine National Park",
location: { lat: 13.0078, lng: 92.9537 },
species: [
{ species: "Dugong", population: 20 },
{ species: "Coral Species", population: 300 },
{ species: "Green Sea Turtle", population: 150 },
{ species: "Hawksbill Turtle", population: 100 },
{ species: "Crab Species", population: 200 }
]
},
{
name: "Namdapha National Park",
location: { lat: 27.2300, lng: 95.0867 },
species: [
{ species: "Bengal Tiger", population: 30 },
{ species: "Leopard", population: 25 },
{ species: "Himalayan Black Bear", population: 15 },
{ species: "Himalayan Black Deer", population: 20 },
{ species: "Himalayan Black Bear", population: 10 }
]
},
{
name: "Fossil National Park",
location: { lat: 23.1384, lng: 80.1646 },
species: [
{ species: "Bengal Tiger", population: 20 },
{ species: "Indian Bison", population: 100 },
{ species: "Sambar Deer", population: 200 },
{ species: "Chital", population: 150 },
{ species: "Wild Boar", population: 50 }
]
},
{
name: "Sanjay Gandhi National Park",
location: { lat: 19.1772, lng: 72.8872 },
species: [
{ species: "Bengal Tiger", population: 30 },
{ species: "Leopard", population: 20 },
{ species: "Sambar Deer", population: 200 },
{ species: "Chital", population: 300 },
{ species: "Indian Bison", population: 50 }
]
},
{
name: "Rajaji National Park",
location: { lat: 30.1850, lng: 78.1892 },
species: [
{ species: "Bengal Tiger", population: 40 },
{ species: "Indian Elephant", population: 100 },
{ species: "Sambar Deer", population: 200 },
{ species: "Indian Bison", population: 150 },
{ species: "Chital", population: 300 }
]
},
{
name: "Great Himalayan National Park",
location: { lat: 32.0614, lng: 77.5175 },
species: [
{ species: "Snow Leopard", population: 50 },
{ species: "Blue Sheep", population: 300 },
{ species: "Himalayan Ibex", population: 80 },
{ species: "Musk Deer", population: 40 },
{ species: "Red Fox", population: 30 }
]
},
{
name: "Silent Valley National Park",
location: { lat: 11.1565, lng: 76.5695 },
species: [
{ species: "Lion-tailed Macaque", population: 300 },
{ species: "Nilgiri Tahr", population: 50 },
{ species: "Malabar Grey Hornbill", population: 100 },
{ species: "Barking Deer", population: 80 },
{ species: "Indian Elephant", population: 100 }
]
},
{
name: "Sunderban National Park",
location: { lat: 21.9798, lng: 88.8400 },
species: [
{ species: "Bengal Tiger", population: 300 },
{ species: "Saltwater Crocodile", population: 150 },
{ species: "Spotted Deer", population: 500 },
{ species: "Gharial", population: 50 },
{ species: "Olive Ridley Turtle", population: 200 }
]
},
{
name: "Balpakram National Park",
location: { lat: 25.4866, lng: 91.5507 },
species: [
{ species: "Barking Deer", population: 80 },
{ species: "Leopard", population: 20 },
{ species: "Sambar Deer", population: 150 },
{ species: "Indian Bison", population: 60 },
{ species: "Golden Cat", population: 10 }
]
},
{
name: "Mouling National Park",
location: { lat: 28.1561, lng: 94.7006 },
species: [
{ species: "Snow Leopard", population: 40 },
{ species: "Black Bear", population: 20 },
{ species: "Barking Deer", population: 80 },
{ species: "Wild Boar", population: 60 },
{ species: "Himalayan Blue Sheep", population: 50 }
]
},
{
name: "Betla National Park",
location: { lat: 23.7132, lng: 84.1843 },
species: [
{ species: "Bengal Tiger", population: 30 },
{ species: "Indian Elephant", population: 50 },
{ species: "Sambar Deer", population: 150 },
{ species: "Chital", population: 400 },
{ species: "Indian Wolf", population: 20 }
]
},
{
name: "Nokrek Ridge National Park",
location: { lat: 25.3168, lng: 90.3530 },
species: [
{ species: "Barking Deer", population: 50 },
{ species: "Indian Bison", population: 100 },
{ species: "Leopard", population: 10 },
{ species: "Golden Cat", population: 5 },
{ species: "Red Panda", population: 15 }
]
},
{
name: "Neora Valley National Park",
location: { lat: 27.0272, lng: 88.7942 },
species: [
{ species: "Red Panda", population: 20 },
{ species: "Leopard", population: 15 },
{ species: "Barking Deer", population: 80 },
{ species: "Musk Deer", population: 25 },
{ species: "Himalayan Black Bear", population: 10 }
]
},
{
name: "Singalila National Park",
location: { lat: 27.0646, lng: 88.8594 },
species: [
{ species: "Red Panda", population: 15 },
{ species: "Barking Deer", population: 30 },
{ species: "Himalayan Black Bear", population: 20 },
{ species: "Musk Deer", population: 20 },
{ species: "Snow Leopard", population: 5 }
]
},
{
name: "Middle Button Island National Park",
location: { lat: 10.4004, lng: 92.7494 },
species: [
{ species: "Dugong", population: 10 },
{ species: "Green Sea Turtle", population: 50 },
{ species: "Hawksbill Turtle", population: 20 },
{ species: "Coral Species", population: 100 },
{ species: "Crab Species", population: 30 }
]
},
{
name: "Mount Harriet National Park",
location: { lat: 11.6137, lng: 92.4967 },
species: [
{ species: "Barking Deer", population: 50 },
{ species: "Nilgai", population: 20 },
{ species: "Leopard", population: 15 },
{ species: "Sambar Deer", population: 60 },
{ species: "Indian Bison", population: 30 }
]
},
{
name: "North Button Island National Park",
location: { lat: 10.3478, lng: 92.7595 },
species: [
{ species: "Dugong", population: 10 },
{ species: "Green Sea Turtle", population: 20 },
{ species: "Coral Species", population: 80 },
{ species: "Crab Species", population: 30 },
{ species: "Sea Urchin", population: 50 }
]
},
{
name: "Saddle Peak National Park",
location: { lat: 13.1643, lng: 92.8898 },
species: [
{ species: "Barking Deer", population: 40 },
{ species: "Indian Bison", population: 50 },
{ species: "Leopard", population: 20 },
{ species: "Indian Elephant", population: 30 },
{ species: "Red Panda", population: 10 }
]
},
{
name: "South Button Island National Park",
location: { lat: 10.4010, lng: 92.7385 },
species: [
{ species: "Dugong", population: 5 },
{ species: "Green Sea Turtle", population: 10 },
{ species: "Coral Species", population: 50 },
{ species: "Crab Species", population: 20 },
{ species: "Sea Urchin", population: 30 }
]
}
];



// Loop through the parks and add them to the map
nationalParks.forEach(park => {
addMarker(park.lat, park.lng, park.name, parkIcon);
});
const addParkMarker = (park) => {
const marker = L.marker([park.location.lat, park.location.lng], { icon: parkIcon }).addTo(map);
const speciesDetails = park.species.map(s => `${s.species}: ${s.population}`).join("<br>");

marker.on('click', () => {
const popupContent = `
<div style="width: 200px; padding: 10px; background-color: #f4f4f4; border: 1px solid #ddd; border-radius: 8px;">
<h3 style="margin-top: 0;">${park.name}</h3>
<p><strong>Species Found and their population:</strong><br>${speciesDetails}</p>
</div>
`;
marker.bindPopup(popupContent).openPopup();
});
};

// Center the map to show all markers
map.setView([20.5937, 78.9629], 5); // Adjust as necessary
nationalParks.forEach(park => addParkMarker(park));

// Get and display the user's current location
const getUserLocation = () => {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showUserLocation, handleLocationError);
@@ -146,7 +659,6 @@ document.addEventListener('DOMContentLoaded', () => {
}
};

// Error handler for geolocation
const handleLocationError = (error) => {
let errorMessage = "An unknown error occurred.";
switch (error.code) {
@@ -163,26 +675,21 @@ document.addEventListener('DOMContentLoaded', () => {
alert(errorMessage);
};

// Show user's location on the map
const showUserLocation = (position) => {
const lat = position.coords.latitude;
const lng = position.coords.longitude;

// Center the map on the user's location
map.setView([lat, lng], 13);

// Add a custom icon for the user's location
const userIcon = L.icon({
iconUrl: 'https://cdn-icons-png.flaticon.com/512/64/64113.png', // Custom icon
iconUrl: 'https://cdn-icons-png.flaticon.com/512/64/64113.png',
iconSize: [38, 38],
iconAnchor: [22, 38],
popupAnchor: [-3, -38]
});

// Add marker for the user's location
addMarker(lat, lng, "You are here", userIcon);
L.marker([lat, lng], { icon: userIcon }).addTo(map).bindPopup("You are here").openPopup();
};

// Get user's location when the page loads
getUserLocation();
});