Ich lerne gerade Ionic und ich versuche, ein Kartenmodul in meinem Projekt zu erstellen, aber es zeigt nichts, wenn ich auf die Karten.html von der Seitenleiste klicke und ich denke, ich ' Probleme mit Bibliotheksproblemen haben. Irgendwelche Vorschläge würden sehr geschätzt werden.Google Map funktioniert nicht in Ionic Application
maps.js
<ion-view title="Maps" id="page4">
<ion-content overflow-scroll="true" padding="true" class="has-header" ng-controller="MapController">
<div id="map" data-tap-disabled="true"></div>
</ion-content>
index.html
<script src="http://maps.googleapis.com/maps/api/js?key=[mykeynumber]&sensor=true"></script>
style.css
.scroll {
height: 100%;
}
#map {
width: 100%;
height: 100%;
}
app.js
foo.controller('MapController', function($scope, $ionicLoading) {
google.maps.event.addDomListener(window, 'load', function() {
var myLatlng = new google.maps.LatLng(37.3000, -120.4833);
var mapOptions = {
center: myLatlng,
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), mapOptions);
navigator.geolocation.getCurrentPosition(function(pos) {
map.setCenter(new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude));
var myLocation = new google.maps.Marker({
position: new google.maps.LatLng(pos.coords.latitude, pos.coords.longitude),
map: map,
title: "My Location"
});
});
$scope.map = map;
});
});
https://market.ionic.io/plugins/locateme gehen durch diese – Maheshvirus
Noch habe ich mein Problem nicht gelöst, weil ich die Karte in index.html sehen kann, aber ich möchte die Karte in map.html sehen. Ich habe nicht verstanden, warum ich so einen Fehler bekommen habe. – foo0507
zeigen Sie Ihre app.js – Atula