/ / javascript、angularjs、angularjs-scope、google-maps-marker Googleマップマーカーを表示できません

私はGoogleマップマーカーを表示することはできません - javascript、angularjs、angularjs-scope、google-maps-marker

地図上にGoogleマップマーカーを表示することはできません。 何が間違っているのですか?それは一日です:(何か間違っているのですか?助けてください本当に迷惑で、私は初心者です。完全な地図は表示できますが、マーカーは表示されません:

var appa = angular.module("appa",["firebase","uiGmapgoogle-maps"]);

appa.controller("mainCtrl", function($firebaseObject,$scope) {
const rootRef =  firebase.database().ref();
this.object = $firebaseObject(rootRef);
$scope.markers = [];
var mark =
{
lat: 51.2019053,
lng: 4.404418,
message: "I want to travel here!",
focus: true,
draggable: false
};
var marker = new google.maps.Marker(mark);
$scope.markers.push(marker);
console.log(mark);
$scope.map = {
center:
{
latitude: 51.219053, longitude: 4.404418 },
zoom: 14
};

});
<body ng-app="appa">
<div id="map_canvas" ng-controller="mainCtrl">
<ui-gmap-google-map center="map.center" zoom="map.zoom">
<marker>
<marker ng-repeat=" pos in markers" position="{{pos.lat}},{{pos.lng}}"></marker>

</ui-gmap-google-map>
</div>

回答:

回答№1は0

全く専門家ではないが... による https://angular-ui.github.io/angular-google-maps/#!/api/marker <ui-gmap-marker />を使用し、<marker/>そして、たとえ<marker />のようなものがあっても、あなたの中に別の開いたタグがあるが、今回は閉じたマーカーのための開いたタグがあるように見える。私はこの部分を参照しています:

<marker>
<marker ng-repeat=" pos in markers" position="{{pos.lat}},{{pos.lng}}"></marker>

これはちょうどいいはずです:

<marker ng-repeat=" pos in markers" position="{{pos.lat}},{{pos.lng}}"></marker>

またはドキュメントに従って:

<ui-gmap-marker
idKey="{expression}"
coords="{expression}"
click="{expression}"
options="{expression}"
events="{expression}"
control="{expression}"
>
</ui-gmap-marker>