如何获得JSON结果放置在谷歌地图

在上面的示例代码的核心是循环10次添加随机点-您需要将其替换为对您的点进行循环。

特别是这一点:

       // loop over your points
           for (var i = 0; i < 10; i++) {
                // use your points lat/lng
                var latlng = new google.maps.LatLng(Math.random() * 180 - 90, Math.random() * 360 - 180);
                bounds.extend(latlng);
                var marker = new google.maps.Marker({
                    position: latlng,
                    // animation: google.maps.Animation.DROP, // animation disabled because it slows down performance
                    // use your points name
                    title: "RedStar Creative Marker #" + i
                });
                mgr.addMarker(marker, 0);
            }

这是一个未经测试的第一次尝试，没有保证，blah blah blah:)

       // loop over your points
       for (var j in layer["users"]) {
                var place = layer["users"][j];
                // use your points lat/lng
                var latlng = new google.maps.LatLng(place["posn"][0], place["posn"][1]);
                bounds.extend(latlng);
                var marker = new google.maps.Marker({
                    position: latlng,
                    // animation: google.maps.Animation.DROP, // animation disabled because it slows down performance
                    // use your points name
                    title: place["name"]
                });
                mgr.addMarker(marker, 0);
            }

这是我的JSON结果，我希望能够得到这个图像在谷歌地图上的信息窗口当用户点击标记

image":"http://graph.facebook.com/10000090226****/picture?type=large"

下面是Google地图的部分代码

<script type="text/javascript">
    var map;
    var bounds = new google.maps.LatLngBounds();
    var mgr;
    function initialize() {
        var myOptions = {
            zoom: 2,
            center: new google.maps.LatLng(53.491314, -2.249451),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        mgr = new MarkerManager(map);
        google.maps.event.addListener(mgr, 'loaded', function () {
            $.ajax({
                url: "/Home/GetUser",
                context: document.body,
                success: function (data) {
                    for (var i = 0; i < data.user.length; i++) {
                        var label = data.user[i].name;
                        var lat = data.user[i].posn[0];
                        var long = data.user[i].posn[1];
                        var latlng = new google.maps.LatLng(lat, long);
                        bounds.extend(latlng);
                        var marker = new google.maps.Marker({
                            position: latlng,
                            title: label
                        });
                        mgr.addMarker(marker, 0);
                    }
                    //adding google maps window popup...
                    var infowindow = new google.maps.InfoWindow();
                    google.maps.event.addListener(marker, 'click', function () {
                        infowindow.open(map, marker);
                    });
                }
            });
            mgr.refresh();
            map.fitBounds(bounds);
        });
    }
    $(document).ready(function () {
        initialize();
    });
    </script>

此刻它没有打开一个窗口，如果里面没有内容，它甚至不会打开吗?有点困惑，试图得到内容窗口内的图像。我将不得不继续挖掘周围，看看我是否能设法在那里得到URL图像。

添加窗口弹出位需要在刷新标记后出现吗?

UPDATE;对问题进行了排序，在错误的地方添加了代码位，需要一些调整。现在发生的事情是，当您单击第一个标记时，它会打开第二个标记上的信息窗口并显示名称，但最初单击的第一个标记不会打开信息窗口。

function initialize() {
        var myOptions = {
            zoom: 10,
            center: new google.maps.LatLng(0, 0),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
        mgr = new MarkerManager(map);
        google.maps.event.addListener(mgr, 'loaded', function () {
            $.ajax({
                url: "/Home/GetUser",
                context: document.body,
                success: function (data) {
                    for (var i = 0; i < data.user.length; i++) {
                        var label = data.user[i].name;
                        var lat = data.user[i].posn[0];
                        var long = data.user[i].posn[1];
                        var latlng = new google.maps.LatLng(lat, long);
                        bounds.extend(latlng);
                        map.fitBounds(bounds);
                        var marker = new google.maps.Marker({
                            position: latlng,
                            title: label
                        });
                        var infowindow = new google.maps.InfoWindow({ content: data.user[i].name });
                        google.maps.event.addListener(marker, 'click', function () {
                            infowindow.open(map, marker);
                        });
                        mgr.addMarker(marker, 1);

最终更新:对我可以停止恐慌，设法让它工作后，拍打自己醒来，读东西超过3次:)