通过Jquery向谷歌地图用户界面发送地图边界


Sending map boundary via Jquery to google maps ui

我使用这个脚本来获取带有JSON的谷歌地图的标记。它不起作用,因为我需要接收Json脚本中的边界,如下所示:

$swLat=$_GET["swLat"];
$swLon=$_GET["swLon"];
$neLat=$_GET["neLat"];
$neLon=$_GET["neLon"];

那就是我需要你帮助的地方。

谷歌地图脚本

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://skiweather.eu/gmap3/js/jquery.ui.map.js"></script>
<script language="javascript" type="text/javascript">
        var map = null;
map = new google.maps.Map(document.getElementById("map"));
        var markers = new Array();
        var bounds = map.getBounds();
        var zoomLevel = map.getZoom();           

     $(function() { 
    demo.add(function() {
    $('#map').gmap().bind('init', function() { 
        $.getJSON( 'http://skiweather.eu/gmap3/markers/index.php', {zoom: zoomLevel, 
            swLat: bounds.getSouthWest().lat(), swLon: bounds.getSouthWest().lng(), 
            neLat: bounds.getNorthEast().lat(), neLon: bounds.getNorthEast().lng()}, function(data) { 
            $.each( data.markers, function(i, marker) {
                $('#map').gmap('addMarker', { 
                    'position': new google.maps.LatLng(marker.latitude, marker.longitude), 
                    'bounds': true 
                }).click(function() {
                    $('#map').gmap('openInfoWindow', { 'content': marker.content }, this);
                });
            });
        });
    });
    }).load();

    }); 

                    </script>
                </head>
                <body>
                <div id="map"></div>

代码的jQuery/gmap部分根本不会执行。

固定代码:

<script type="text/javascript">
   $(function() { 
    $('#map').gmap().bind('init', function() {
      var markers = new Array();
      var bounds = $(this).gmap('get','map').getBounds();
      var zoomLevel = $(this).gmap('get','map').getZoom();   
        $.getJSON( 'http://skiweather.eu/gmap3/markers/index.php', {zoom: zoomLevel, 
            swLat: bounds.getSouthWest().lat(), swLon: bounds.getSouthWest().lng(), 
            neLat: bounds.getNorthEast().lat(), neLon: bounds.getNorthEast().lng()}, function(data) { 
            $.each( data.markers, function(i, marker) {
                $('#map').gmap('addMarker', { 
                    'position': new google.maps.LatLng(marker.latitude, marker.longitude), 
                    'bounds': true 
                }).click(function() {
                    $('#map').gmap('openInfoWindow', { 'content': marker.content }, this);
                });
            });
        });
    });

    });
</script>

然而,它现在正在发送数据,但仍然无法工作,因为服务器不会给出任何响应(你确定有返回JSON数据的Web服务吗?)