小编Mat*_*att的帖子

当用户选择多边形绘制按钮以绘制新多边形时,我正在尝试删除现有多边形.它必须做一些事情,drawingManager.setMap(null);但我不能使它在我的代码中工作.我尝试了很多东西,但无法弄明白.

信息:页面加载时,默认情况下,drawingmode设置为polygon: drawingMode: google.maps.drawing.OverlayType.POLYGON

用户可以绘制多边形以标记区域.完成多边形后,将DrawingMode设置为null:drawingManager.setDrawingMode(null);并将坐标放在inputfield中,以便以后通过表单将它们保存在数据库中.

有人能帮帮我吗？到目前为止,这是我的代码:

var map;
var drawingManager;    

function initialize() {
var myLatlng = new google.maps.LatLng(51.51686166794058, 3.5945892333984375);
var mapOptions = {
    zoom: 9,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}

//Getting map DOM element
var mapElement = document.getElementById('map_canvas');

map = new google.maps.Map(map_canvas, mapOptions);

drawingManager = new google.maps.drawing.DrawingManager({
    drawingMode: google.maps.drawing.OverlayType.POLYGON,
    drawingControl: true,
    drawingControlOptions: {
        position: google.maps.ControlPosition.TOP_CENTER,
        drawingModes: [google.maps.drawing.OverlayType.POLYGON]
    },
    polygonOptions: {
        editable: true,
        draggable: true
    }
});

drawingManager.setMap(map);

// Add a listener for creating new shape event. …

我得到了一个带有推荐插件的 Bootstrap 表单来为自定义文件输入设置动画：bs-custom-file-input。请参阅：https : //getbootstrap.com/docs/4.5/components/forms/#file-browser 该表单包含一个用于添加附件的输入字段（type="file"）。如果用户选择文件大小超过 1MB 的文件，则会显示带有错误消息的警告框。

如何在错误消息后清除输入字段中的文件名？

到目前为止，这是我的代码：

HTML 表单

<div class="container">
<div class="row">
    <div class="col-md-12">

        <form id="testform" method="post" enctype="multipart/form-data">

            <div class="form-row">

                <div class="form-group col-12">
                    <label for="customFile">Attachment</label>

                    <div class="custom-file">
                        <input type="file" class="custom-file-input" id="customFile">
                        <label class="custom-file-label" for="customFile" data-browse="Browse">Select a file</label>
                    </div>
                </div>

            </div>

        </form>

    </div>
</div>

$(document).ready(function() {

$('#customFile').on('change', function() {

    // The recommended plugin to animate custom file input: bs-custom-file-input, is what bootstrap using currently
    bsCustomFileInput.init();

    // Set maximum filesize
    var maxSizeMb = 1;

    // …