html - multiple - Google Map wird in der Phonegap iOS App nicht angezeigt



ionic 3 google maps (2)

Ich habe eine PhoneGap iOS-App und habe diesen HTML-Code, der die Karte in der App nicht anzeigt. Ich sehe die Karte perfekt in Safari oder FF, aber nicht in der App. Wie kann ich das zur Arbeit bringen?

    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

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

        $(document).ready(function(){
                    var initialLocation = new google.maps.LatLng(37.654,-77.980);
                        var myOptions = {
                                        zoom: 12,
                                        center: initialLocation,
                                        mapTypeId: google.maps.MapTypeId.ROADMAP
                        };
                        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
            });
</script>   
</head> 
<body>
<div data-role="content">   
    <!--images go here -->
    <div class="img_shadow" style="padding:4px;">
                    <div id="map_canvas" style="height:130px;"></div>
    </div>
</div>      
</div><!-- /page -->

</body>

https://ffff65535.com


PhoneGap hat eine Whitelist-System für externe URLs / Hosts.

Aus dem Wiki:

Der neueste Code verfügt außerdem über die neue Whitelist-Funktion. Wenn Sie auf externe Hosts verweisen, müssen Sie den Host in PhoneGap.plist unter dem Schlüssel "ExternalHosts" hinzufügen. Wildcards sind in Ordnung. Wenn Sie also eine Verbindung zu "http://phonegap.com" herstellen, müssen Sie "phonegap.com" zur Liste hinzufügen (oder verwenden Sie den Platzhalter "* .phonegap.com", der auch Subdomains abgleicht).

Ihr Code-Snippet enthält einige externe Hosts:

  • maps.google.com
  • code.jquery.com

Versuchen Sie vielleicht, "*" zu ExternalHosts hinzuzufügen, um zu beginnen, um sicherzustellen, dass das nicht das Problem ist, dann fügen Sie spezifischere Hosts hinzu, sobald es funktioniert.


Sie müssen alles hinzufügen, was Google Maps in die Liste der externen Hosts laden möchte. Ich habe folgendes hinzugefügt und es funktioniert gut für mich:

  • * .google.com
  • * .googleapis.com
  • * .gstatic.com




cordova