通過Jquery發送地圖邊界到谷歌地圖UI

-1

我使用這個腳本來獲取帶有JSON的谷歌地圖的標記。它不工作，因爲我需要接受的邊界在JSON這樣的腳本：通過Jquery發送地圖邊界到谷歌地圖UI

$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>

來源

2013-11-25 mark

你的代碼的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服務？）

來源

2013-11-26 00:38:36

我解決了與json的問題。仍然沒有標記 – mark

返回的JSON無效，請使用您的控制檯。 –

它應該把重點放在奧地利 – mark

通過Jquery發送地圖邊界到谷歌地圖UI

回答

相關問題