谷歌地图标记在掉落后消失答案

【问题标题】：Google Maps Marker disappearing after dropping谷歌地图标记在掉落后消失
【发布时间】：2016-03-13 13:06:23
【问题描述】：

我正在尝试在谷歌地图上标记一些地点。我正在使用 google maps places javascript api。

function initialize() {
    var mapProp = {
        center: new google.maps.LatLng(userlatitude, userlongitude),
        zoom: 12,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    //var map = new google.maps.Map(document.getElementById("map_canvas"), mapProp);

    map = new google.maps.Map(document.getElementById("midsection"), mapProp);

    var mapPosition = new google.maps.LatLng(-20.997110, 123.375544);

    markers.push(new google.maps.Marker({
        position: {
            lat: -20.014006,
            lng: 123.421746
        },
        map: map,
        title: 'Mow my lawn',
        animation: google.maps.Animation.DROP
    }));

（如果Long/Lat无效，那是因为我为了这篇文章的目的而随机更改了它）

我可以看到标记下拉并弹跳一次。但随后它消失了。我尝试设置 Zindex，更改 div 画布的显示和位置类型。但我所做的一切似乎都无法使标记保持不变。

【问题讨论】：

我也可以根据标记对象确认标记是“可见的”
请提供一个演示问题的演示
在我修复了语法错误和未定义的变量后，发布的代码对我有用，它不会出现报告的错误。请提供一个 Minimal, Complete, Tested and Readable example 来证明该问题。
我发现了错误，它隐藏在我的自定义 CSS 中，另一个开发人员放在那里。画布：显示：无

标签： google-maps google-maps-api-3 google-maps-markers

【解决方案1】：

问题最终隐藏在我的 CSS 中。它只是一个 Canvas: display:none 调用

【讨论】：