google

Sample Code for Google Maps API

<!DOCTYPE html>
<html>

<head>
    <style>
    #map {
        height: 400px;
        width: 100%;
    }
    </style>
</head>

<body>
    <h3>My Google Maps Demo</h3>
    <div id="map"></div>
    <script>
    function initMap() {
        var uluru = { lat: 24, lng: 121 };
        var map = new google.maps.Map(document.getElementById('map'), {
            zoom: 8,
            center: uluru
        });
        
        var url = "http://netstate.ru"

map.data.loadGeoJson(url);

map.data.setStyle(function(feature) {
            return ({
                fillColor: "#035BB2",
                strokeColor: "#035BB2",
                strokeWeight: 2
            });
        });

var infowindow = new google.maps.InfoWindow();
        map.data.addListener('click', function(event) {
            var pro = event.feature.f;
            HTML = '';
            for (var q in pro) {
                HTML += q + ": " + pro[q] + ' </br>';
            }
            infowindow.setContent("<div style='width:150px; text-align: center;'>" + HTML + "</div>");
            infowindow.setPosition(event.latLng);
            infowindow.open(map);
        });

google.maps.event.addListener(map, 'click', function() {
            infowindow.close();
        });

}
    </script>
    <script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap">
    </script>
</body>

</html>