javascript - 如何在 Ngmap 中隐藏或删除动态添加的标记

标签 javascript angularjs google-maps ng-map

我有一个表格和 map (ngMap),填写表格并在 map 上插入标记后,如果我单击提交,它将保存。但如果我再添加一个,标记将已经在先前坐标的位置。如果我手动重新加载页面,标记将离开 map 。如何在不手动重新加载页面的情况下删除或隐藏。
HTML

  <ng-map zoom="13" center="{{coordinates.lat}},{{coordinates.lng}}" map-type-id="TERRAIN">
                    <marker></marker>
                    <shape name="polygon" on-click="drawPolygon()" paths={{rectangle}} stroke-color="#ff3232" stroke-opacity="0.8" stroke-weight="2" fill-color="#ff4c4c" fill-opacity="0.35">
                    </shape>
                    <drawing-manager on-overlaycomplete="insertMarker()" drawing-control-options="{position: 'TOP_CENTER',drawingModes:['marker']}" markerOptions="{icon:'http://www1.durban.gov.za/beachwater/images/markers/orange-dot.png'}" drawingControl="true" drawingMode="null">
                    </drawing-manager>
                </ng-map>


Controller

    $scope.drawingControlOptions = {
        position: 'TOP_CENTER',
        drawingModes: ['polygon', 'marker']
    };
    $scope.placesCounter = 0;
    $scope.insertMarker = function(e) {
        if (e.type == google.maps.drawing.OverlayType.MARKER) {
            $scope.placesCounter++;
            if ($scope.placesCounter > 1)
                e.overlay.setMap(null); //disable marker from diplaying ..
            var pos = e.overlay.getPosition();
            $scope.markercoordinates = pos.toString();
        }
    };

我也曾这样尝试过,但没有成功

$scope.positions= [];
place.coordinates=$scope.positions[0];

因为我使用了 ui-router,所以我尝试像这样以编程方式重新加载页面 $state.transitionTo('dashboard.places.list', null, { reload: true, inherit: false, notify:真});
那也没有用。谁能帮帮我

最佳答案

这在 github 中讨论ngMap 版本 1.17.1 已修复此问题。

关于javascript - 如何在 Ngmap 中隐藏或删除动态添加的标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36308117/

相关文章:

javascript - 引用错误: DocumentReader is not defined NODE JS

javascript - 将自定义元素添加到 TinyMCE 的首选方式

javascript - ES6解构以从内部数组中获取第n个项目

javascript - 即使在使用 Javascript 重新加载页面后,也可以通过单击来保留所选颜色

javascript - 如何扩展 DIV "angular way"(使用 Angular 砌体)

android - 适用于 Android 的 Google Maps SDK - 费用

java - map 标记没有跟踪我

javascript - Kefir.js - 如何从回调函数流式传输事件?

javascript - 如何使用指令添加 css 样式?

javascript - Google Places API 显示学校和商店