使用API v3在angular上添加动态标记

叠二

我正在尝试在地图的控制器中动态添加多个标记,但无法获取ID进行迭代并显示所有标记,如何设置它以获取所有标记并正确显示它们,错误我得到的是:

标记模型没有要为其分配子项的ID。这是性能所必需的。请分配ID,或将ID重定向到其他密钥

ShowList.enderecoViagem(viagens_id).then(function (listview) {
            $scope.enderecos = listview;


            uiGmapGoogleMapApi.then(function (maps) {


                $scope.googlemap = {};
                $scope.map = {
                    center: {
                        latitude: $scope.enderecos[0].latitude,
                        longitude: $scope.enderecos[0].longitude
                    },
                    zoom: 14,
                    pan: 1,
                    options: $scope.mapOptions,
                    control: {},
                    events: {
                        tilesloaded: function (maps, eventName, args) {},
                        dragend: function (maps, eventName, args) {},
                        zoom_changed: function (maps, eventName, args) {}
                    }
                };
            });

            $scope.windowOptions = {
                show: false
            };



            $scope.title = "Window Title!";

            uiGmapIsReady.promise() // if no value is put in promise() it defaults to promise(1)
                .then(function (instances) {
                    console.log(instances[0].map); // get the current map
                })
                .then(function () {
                    $scope.addMarkerClickFunction($scope.markers);
                });

           for(var i = 0; i < $scope.enderecos.length; i++) {


               $scope.markers = [];

               $scope.markers.push({
                   id:[i],
                   latitude: $scope.enderecos[i].latitude,
                   longitude: $scope.enderecos[i].longitude
               });
           }

       }    
邓肯

问题在这里:

$scope.markers.push({
    id:[i],
    latitude: $scope.enderecos[i].latitude,
    longitude: $scope.enderecos[i].longitude
});

在指定id属性的地方,将其包装在数组的简写中,[ ]

仅当您实际上在访问数组值(例如在何处)时,这才有意义enderecos[i].latitude或者,如果您尝试将数组传递给该id属性,但我很确定它会期望使用简单的字符串或整数。

只需将其更改为此,就可以了:

$scope.markers.push({
    id: i,
    latitude: $scope.enderecos[i].latitude,
    longitude: $scope.enderecos[i].longitude
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用MVC模型在Google Maps API v3上显示标记

来自分类Dev

使用Angular Js的地址数组中的多个标记Google Map API v3

来自分类Dev

使用Java Blogger API v3在博客上动态发布

来自分类Dev

使用GeoJson GoogleMaps Api v3缩放到标记

来自分类Dev

Google Maps API v3在单击的标记上添加阴影

来自分类Dev

Google Maps JavaScript API v3更改标记并添加卫星视图

来自分类Dev

如何在Google Maps API v3中将类添加到标记

来自分类Dev

如何使用Ionic&Angular在Google Maps API v3中实现居中标记

来自分类Dev

Google Maps API v3上的标记超出范围

来自分类Dev

仅在缩放级别15上显示标记google map api v3

来自分类Dev

如何使用api v3在Blogger上发布

来自分类Dev

Youtube api v3添加评论

来自分类常见问题

如何在Google Maps API v3中使用SVG标记

来自分类Dev

显示/隐藏标记并使用信息窗口Google Maps API v3

来自分类Dev

使用可拖动的Google Maps API V3在输入字段中获取标记地址

来自分类Dev

Google Maps Javascript API V3中的旋转标记

来自分类Dev

动画化不同的标记API V3 Google Maps

来自分类Dev

标记位置未获取-Google Maps API v3

来自分类Dev

标记拖动事件Google Maps API V3

来自分类Dev

谷歌地图api v3显示不同的标记

来自分类Dev

Google Maps API v3标记问题

来自分类Dev

Google Maps API v3唯一标记JS

来自分类Dev

Google Maps Javascript API v3的标记

来自分类Dev

Google Maps JS api v3延迟拖拽标记

来自分类Dev

Google Maps Javascript API V3中的旋转标记

来自分类Dev

在Google Map(API v3)上添加自定义svg图层

来自分类Dev

在Google Map API v3和MarkerWithLabel上添加多个事件监听器

来自分类Dev

在Google Map API v3和MarkerWithLabel上添加多个事件侦听器

来自分类Dev

Google Maps api V3,添加ajax后,这在getCenter()上是未定义的错误

Related 相关文章

  1. 1

    使用MVC模型在Google Maps API v3上显示标记

  2. 2

    使用Angular Js的地址数组中的多个标记Google Map API v3

  3. 3

    使用Java Blogger API v3在博客上动态发布

  4. 4

    使用GeoJson GoogleMaps Api v3缩放到标记

  5. 5

    Google Maps API v3在单击的标记上添加阴影

  6. 6

    Google Maps JavaScript API v3更改标记并添加卫星视图

  7. 7

    如何在Google Maps API v3中将类添加到标记

  8. 8

    如何使用Ionic&Angular在Google Maps API v3中实现居中标记

  9. 9

    Google Maps API v3上的标记超出范围

  10. 10

    仅在缩放级别15上显示标记google map api v3

  11. 11

    如何使用api v3在Blogger上发布

  12. 12

    Youtube api v3添加评论

  13. 13

    如何在Google Maps API v3中使用SVG标记

  14. 14

    显示/隐藏标记并使用信息窗口Google Maps API v3

  15. 15

    使用可拖动的Google Maps API V3在输入字段中获取标记地址

  16. 16

    Google Maps Javascript API V3中的旋转标记

  17. 17

    动画化不同的标记API V3 Google Maps

  18. 18

    标记位置未获取-Google Maps API v3

  19. 19

    标记拖动事件Google Maps API V3

  20. 20

    谷歌地图api v3显示不同的标记

  21. 21

    Google Maps API v3标记问题

  22. 22

    Google Maps API v3唯一标记JS

  23. 23

    Google Maps Javascript API v3的标记

  24. 24

    Google Maps JS api v3延迟拖拽标记

  25. 25

    Google Maps Javascript API V3中的旋转标记

  26. 26

    在Google Map(API v3)上添加自定义svg图层

  27. 27

    在Google Map API v3和MarkerWithLabel上添加多个事件监听器

  28. 28

    在Google Map API v3和MarkerWithLabel上添加多个事件侦听器

  29. 29

    Google Maps api V3,添加ajax后,这在getCenter()上是未定义的错误

热门标签

归档