【问题标题】:I cannot display google map markers我无法显示谷歌地图标记
【发布时间】:2017-04-20 11:22:27
【问题描述】:

我无法在地图上显示谷歌地图标记。怎么了?已经一天了:(我做错了什么吗?请帮忙这真的很烦人,我是角度的新手。我能够显示完整的地图但不显示标记:(

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>

【问题讨论】:

    标签: javascript angularjs angularjs-scope google-maps-markers


    【解决方案1】:

    完全不是这方面的专家,但...... 根据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>
    

    ?

    【讨论】:

    • 在调试时我只是添加了一个额外的标记标签。即使删除也没有用。正如使用 ui-gmap-marker 标签所说,我已经尝试并再次尝试。仍然没有任何区别。我感谢帮助,但请帮助一些。我被卡住了
    • 好的,我马上给你链接。请给我1分钟
    • 嗯......我不知道该怎么对你说......但我可以看到标记:D..只需将地图向下移动一点。
    • 这有点奇怪。让我检查更多:(
    • 我看不到。有什么问题?我正在使用linux ubuntu。 Firebase 服务器 :( 铬浏览器
    猜你喜欢
    • 2018-05-01
    • 2014-10-08
    • 2014-05-17
    • 1970-01-01
    • 2013-04-20
    相关资源
    最近更新 更多