Text

<h2 style="white-space:pre-line">Find your rights based on state: </h2>
<p>- This website is still under development, only some states will work.</p>
<p> </p>
<p> </p>
<p>* if the map doesn't load, please refresh </p>

Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Know Your Rights - Interactive Map</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css"/>
    <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
    <style>
        #map { height: 600px; width: 100%; }
    </style>
</head>
<body>

   
    <div id="map"></div>

    <script>
        var map = L.map('map').setView([37.8, -96], 4); // Centered on the U.S.

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

        var states = {
            "Alabama": [32.806671, -86.791130],
            "Alaska": [61.370716, -152.404419],
            "Arizona": [33.729759, -111.431221],
            "Arkansas": [34.969704, -92.373123],
            "California": [36.778259, -119.417931],
            "Colorado": [39.550051, -105.782067],
            "Connecticut": [41.603221, -73.087749],
            "Delaware": [38.910832, -75.527670],
            "Florida": [27.994402, -81.760254],
            "Georgia": [32.165623, -82.900075],
            "Hawaii": [20.798363, -156.331925],
            "Idaho": [44.068202, -114.742041],
            "Illinois": [40.633125, -89.398528],
            "Indiana": [39.849426, -86.258278],
            "Iowa": [42.011539, -93.210526],
            "Kansas": [38.526600, -96.726486],
            "Kentucky": [37.668140, -84.670067],
            "Louisiana": [31.169546, -91.867805],
            "Maine": [45.253783, -69.445469],
            "Maryland": [39.045753, -76.641273],
            "Massachusetts": [42.407211, -71.382437],
            "Michigan": [44.314844, -85.602364],
            "Minnesota": [46.729553, -94.685900],
            "Mississippi": [32.741646, -89.678697],
            "Missouri": [38.573315, -92.603355],
            "Montana": [46.879682, -110.362566],
            "Nebraska": [41.492537, -99.901813],
            "Nevada": [38.802610, -116.419389],
            "New Hampshire": [43.193852, -71.572395],
            "New Jersey": [40.058324, -74.405661],
            "New Mexico": [34.972730, -105.032363],
            "New York": [43.299428, -74.217933],
            "North Carolina": [35.759573, -79.019300],
            "North Dakota": [47.551493, -101.002012],
            "Ohio": [40.417287, -82.907123],
            "Oklahoma": [35.467560, -97.516428],
            "Oregon": [43.804133, -120.554201],
            "Pennsylvania": [41.203322, -77.194525],
            "Rhode Island": [41.580095, -71.477429],
            "South Carolina": [33.836081, -81.163725],
            "South Dakota": [43.969515, -99.901813],
            "Tennessee": [35.517491, -86.580447],
            "Texas": [31.968599, -99.901813],
            "Utah": [39.320980, -111.093735],
            "Vermont": [44.558803, -72.577841],
            "Virginia": [37.431573, -78.656894],
            "Washington": [47.751074, -120.740139],
            "West Virginia": [38.597626, -80.454903],
            "Wisconsin": [43.784440, -88.787868],
            "Wyoming": [43.075968, -107.290283]
        };

        for (var state in states) {
            let urlState = state.toLowerCase().replace(/\s+/g, '');
            L.marker([states[state][0], states[state][1]])
            .addTo(map)
            .bindPopup(`<a href="https://respectyourrights.com/${urlState}" target="_blank">${state}</a>`)
            .on('click', function() {
                window.location.href = `https://respectyourrights.com/${urlState}`;
            });
        }
    </script>

</body>
</html>
