leaflet

Sample Code for Leaflet

<!doctype html>
<html>

<body>
    <div id="mapid" style="width: 100%; height: 400px;"></div>
    <script>
    var map = L.map('mapid').setView([23.5, 121], 7);

L.tileLayer('https://mt{s}.google.com/vt/x={x}&y={y}&z={z}&hl=zh-TW', {
        id: 'streets',
        subdomains: "012",
        attribution: 'Map data: © Google'
    }).addTo(map);

var url = "http://netstate.ru"

axios.get(url)
        .then(function(result) {
            L.geoJSON(result.data, {
                onEachFeature: onEachFeature,
                style: {
                    weight: 1,
                    opacity: 1,
                    color: '#035BB2',
                    fillColor: '#035BB2',
                    fillOpacity: 0.5
                }
            }).addTo(map)
        }).catch(function(error) {
            console.log(error);
        });

function onEachFeature(feature, layer) {
        var pro = feature.properties;
        var HTML = '';
        for (var q in pro) {
            HTML += q + ":" + pro[q] + '<br />';
        }
        layer.bindPopup(HTML);
    }
    </script>
</body>

</html>