2013-11-25 2 views
-1

이 스크립트를 사용하여 JSON이있는 Google지도의 아이콘을 가져옵니다. 나는이 같은 JSON 스크립트에서 경계를받을 필요가 있기 때문에 그것은 작동하지 않습니다 : 나는 당신의 도움을 필요로하는 곳에Google지도를 통해 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> 

답변

0

이 코드의 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 데이터를 반환하는 웹 서비스가 있는지 확인하고, 작동하지 않습니다 ?)

+0

json의 문제가 수정되었습니다. 아직 마커가 없습니다. – mark

+0

반환 된 JSON이 유효하지 않습니다. 콘솔을 사용하십시오. –

+0

그것은 오스트리아에 집중해야한다는 것입니다. – mark

관련 문제