简体   繁体   English

嵌入的google地图未显示我在地图中可供选择的图层

[英]google maps embed not showing layers I have within the map for selection

I have a share: https://drive.google.com/open?id=1pPt91pmN97vXiq2bNUAJ-CXXqus&usp=sharing This works wonderful if you are signed into google. 我有一个分享: https : //drive.google.com/open?id=1pPt91pmN97vXiq2bNUAJ-CXXqus&usp= sharing如果您登录到google,效果很好。 I would like the same to occur when not signed in. When I use the Embed this map: 我希望未登录时也会发生同样的情况。当我使用“嵌入此地图”时:

<iframe src="https://www.google.com/maps/d/embed?mid=1pPt91pmN97vXiq2bNUAJ-CXXqus" width="640" height="480"></iframe>

I get only the map title and nothing else works. 我只得到地图标题,而没有其他东西。 I want them to be able to check the places I have categorized. 我希望他们能够检查我分类的地方。
They aren't even showing up. 他们甚至都没有露面。

add in your css for iframe: display:block; 在iframe中添加CSS:display:block; I know that is strange but it work 我知道这很奇怪,但是可以

as I have 如我所愿

html code:
<div class="flexible-container">
<iframe src="https://www.google.com/maps/d/embed?mid=1mEwMw6znzNq_kMcG7xmkqfuPDrI" frameborder="0" allowfullscreen></iframe>
</div>

css code:
.flexible-container{
    position:relative;
    float:left;
    width:855px;
    height:480px;
    padding:7px 0 20px 0;
    background:#4d6a79;
    box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.80), 0px -1px 1px #fff;
    border-radius:7px;
}
.flexible-container iframe{
    width:855px;
    height:480px;
    border:0;
    display: block;
    }

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM