0

同じブロックでGoogleMapsAPIとJQueryAPIの両方を使用しようとして本当に行き詰まっています。私のページはjspx（Spring）であり、Googleフュージョンテーブルデータを取得して解析できるようにJQueryが必要です。

ただし、両方のライブラリを一緒に宣言すると、マップdivはロードされません（Googleマップのみをロードすると、すべてのマッピングが正常に機能します）。

関連するコードは次のとおりです。

<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"/>
                    <script src="http://maps.googleapis.com/maps/api/js?v=3key=MYKEY&amp;sensor=false" type="text/javascript">
                        <jsp:text/>
                    </script>
                    <script type="text/javascript">
        //<![CDATA[ 
            var map;

function initialize() {
         var mapDiv = document.getElementById('map_canvas');
         var geocoder = new google.maps.Geocoder();
         retrieveDeprivationFigure();
          if (geocoder) {
             geocoder.geocode({ 'address': '${property.postcode}' }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {

                var latlng = new google.maps.LatLng(results[0].geometry.location.lat(), results[0].geometry.location.lng())
                var mapOptions = {
                    zoom: 15,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                  };

                map = new google.maps.Map(document.getElementById('map_canvas'),
                        mapOptions); 
}

        function retrieveDeprivationFigure(){
                var postcode = '${property.postcode}'.split(' ').join('');
                var url = "https://www.googleapis.com/fusiontables/v1/query?sql=SELECT LSOA FROM XXXXXXXX WHERE Postcode='"+ postcode +"'&key=AIzaSyBQaHw1aSWtIjQzAiriBPC3hvm7Bs1R35U&jsonCallback=?";
                var localIMDS;
                console.log("this far");
                $.getJSON(url,
                        function retrieveIMDS(){
                    console.log(url);

                });
         };

  google.maps.event.addDomListener(window, 'load', initialize);   
         // ]]>
</script>

ポインタやアイデアがあれば大いに役立ちます。別のJSブロックでJQueryを介して剥奪統計を取得しようとしましたが、努力したにもかかわらず、ページの読み込み時に関数が呼び出されませんでした。

4

2 に答える 2

2

次のような最初のスクリプトの終了タグがありません。

<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"/>
<script src="http://maps.googleapis.com/maps/api/js?v=3key=MYKEY&amp;sensor=false" type="text/javascript">
                    <jsp:text/>
                </script>

する必要があります：

<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript" ></script>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>

（どちらの順序も機能するはずであり、バージョン指定と＆key = MYKEYがなくても機能するはずですが、＆before key = MYKEYも欠落していることに気づきました）

于 2012-09-03T19:45:38.607 に答える
0

ガイダンス担当者に感謝しますが、ヘッドを作成し、代わりにヘッドファイルでjQueryを宣言し、google srcを元の場所に残すことで、競合と問題を分類することができました。

 <head>
 <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.js"></script>
 <script type="text/javascript">

 </script>
 </head>

再度、感謝します！

于 2012-09-04T10:14:11.927 に答える