D3 Examples - find wlans of China Union in Beijing.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CU WLANs in Beijing</title>
        <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.8/jquery.min.js"></script>
        <script type="text/javascript">
            function initialize() {
                var map = new BMap.Map('map');
                map.centerAndZoom(new BMap.Point(116.410069, 39.918777), 11);
                $.getJSON('shaoyaoju.json', function(data) {
                    for (var i=0; i<data.points.length;i++) {
                    //for (var i=0; i<200;i++) {
                        var point = new BMap.Point(data.points[i].lng, data.points[i].lat);
                        var label = new BMap.Label(data.points[i].name, {offset: new BMap.Size(20,-10)});
                        var marker = new BMap.Marker(point);
                        marker.setLabel(label);
                        map.addOverlay(marker);
                    }
​
                });
            }
            function loadScript() {
                var script = document.createElement("script");
                script.src =
                    "https://api.map.baidu.com/api?v=1.3&callback=initialize";
                document.body.appendChild(script);
            }
​
            window.onload = loadScript;
        </script>
    </head>
    <body>
        <div id="map" style="width:960px;height:720px"></div>
    </body>
</html>
​
    