1

API キーを設定した後 (Should I generate a special key(browser,adnroid)?? )、このページの HTML コード(Google Maps JavaScript API v3) を新しい HTML ページにコピーすると、すべてが完全に機能します。

これは、機能する html ページのスクリプトです。

 <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCo1Q9VJ...xr7R4aOBDzY&sensor=false">
    </script>

Dojo を使用する Worklight Prject では、マップが表示されません。

dojo/request/scriptでスクリプトをインポートします。これは .js コードです:

     function dojoInit() {
            require([ "dojo",  "dojo/request/script","dojo/parser",

                   ..

                  ], function(dojo,script) {
    dojo.ready(script,function() {


                script.get({
                    url : "http://maps.googleapis.com/maps/api/js",
                    content : {
                        libraries : "places, geocode",
                        sensor : "false",
                        callback : "initialize",
                        key: "AIzaSyCo1Q9....cqXhAxr7R4aOBDzY"
                    }
                 });
    ...
            });
        });

    }

initialize() 関数:

function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-34.397, 150.644);
    var mapOptions = {
            zoom: 8,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}

build-dojo.xml

..
<include name="dojo/request/script.js" />

ビューは空で、マップは表示されません。

ブラウザのコンソールにエラーはありませんが、関数の初期化が呼び出されません。なぜですか?

4

3 に答える 3

2

dojo io load を使用して、残りのコードを実行する前に Google API がロードされていることを確認してください。

dojo.io.script.get({
            url : "http://maps.googleapis.com/maps/api/js",
            content : {
                libraries : "places, geocode",
                sensor : "false",
                callback : "initialize",
                key: "AIzaSyCo1Q9VJDuH96CqqW8cqXhAxr7R4aOBDzY"

            }
于 2013-07-03T14:53:50.417 に答える
1

スクリプトをhtmlにインポートして解決しました

    <script type="text/javascript"
          src="https://maps.googleapis.com/maps/api/js?key=AIzaS..OBDzY&sensor=false">
        </script> 
<div dojoType="dojox.mobile.ContentPane"  style="overflow:auto;">

        <div id="map_canvas" style="height:1000px"></div><!--  cambiare style  -->

    </div>

dojo_init() で関数 initialize() を呼び出します。地図も表示されますここに画像の説明を入力 CSSの問題だと思います

于 2013-07-16T14:00:17.800 に答える