我无法在地图上显示Google地图标记。怎么了?这是一天的事情:(我做错什么了吗?请帮忙这真的很烦人,我是Angle的新手。我能够显示完整的地图,但没有显示标记:(



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>

最佳答案

完全不是专家,但是...
根据https://angular-ui.github.io/angular-google-maps/#!/api/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>


关于javascript - 我无法显示Google map 标记,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40984890/

10-11 22:28
查看更多