Google Polymer: paper-dialog无法在google-map inside中使用
Google Polymer是一个开源的Web组件库，用于构建现代化的Web应用程序。它基于Web组件标准，提供了一套可重用的UI组件和工具，帮助开发人员快速构建高性能、可扩展的Web应用。
在Google Polymer中，paper-dialog是一个UI组件，用于显示模态对话框。然而，paper-dialog在google-map内部使用时可能会遇到一些问题。
由于google-map是一个嵌入式地图组件，它可能会覆盖paper-dialog组件，导致对话框无法正常显示。这是因为google-map组件具有较高的层级，可能会遮挡其他组件。
为了解决这个问题，可以尝试以下方法：
- 调整层级：通过修改CSS样式，将paper-dialog组件的层级提高，确保它位于google-map组件之上。可以使用z-index属性来实现层级调整。
- 修改布局：将google-map和paper-dialog组件放置在不同的容器中，并使用合适的布局方式，确保它们不会重叠。例如，可以使用flexbox布局或网格布局来管理组件的位置。
- 使用其他组件：如果paper-dialog无法在google-map内部使用，可以尝试使用其他类似的对话框组件，或者自定义一个适用于google-map的对话框组件。
需要注意的是，以上方法仅为一般性建议，具体解决方案可能因应用场景和具体需求而异。在实际开发中，可以根据具体情况进行调整和优化。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云开发（https://cloud.tencent.com/product/tcb）：提供一站式后端云服务，支持快速构建云原生应用。
- 腾讯云云服务器（https://cloud.tencent.com/product/cvm）：提供可扩展的云服务器实例，用于部署和运行应用程序。
- 腾讯云对象存储（https://cloud.tencent.com/product/cos）：提供安全可靠的云端存储服务，用于存储和管理多媒体文件。
- 腾讯云人工智能（https://cloud.tencent.com/product/ai）：提供丰富的人工智能服务，用于实现智能化的应用功能。
- 腾讯云物联网（https://cloud.tencent.com/product/iotexplorer）：提供全面的物联网解决方案，用于连接和管理物联网设备。
- 腾讯云移动开发（https://cloud.tencent.com/product/mad）：提供全面的移动开发服务，用于构建高质量的移动应用程序。
- 腾讯云数据库（https://cloud.tencent.com/product/cdb）：提供高性能、可扩展的云数据库服务，用于存储和管理数据。
- 腾讯云区块链（https://cloud.tencent.com/product/baas）：提供安全可信的区块链服务，用于构建和管理区块链应用。
- 腾讯云云游戏（https://cloud.tencent.com/product/gs）：提供高性能的云游戏解决方案，用于实现游戏的云端部署和运行。
- 腾讯云云原生应用平台（https://cloud.tencent.com/product/tke）：提供全面的云原生应用平台，用于构建和管理云原生应用。
以上是腾讯云提供的一些相关产品，用于支持云计算和Web开发的各个方面。请根据具体需求选择适合的产品和服务。
相关·内容
<paper-button onclick="map.open()">Central Park</paper-button> <h>sdoihsdf</h>
<google-maplatitude="37.77493&
浏览 13提问于2016-08-12得票数 0
回答已采纳
1回答
/paper-textarea> <div class="map-area">我试图使用[[]]括号，因为django使用{{}。地图，结果和和弦在输出标签上是空的。它显示的地图与旧金山，但当我试图打印文字输入，它不想搜索。控制台中没有任何错误。也许有人能为我解释[]和{}之间最大的区别，因为我无
浏览 7提问于2016-08-30得票数 0
我正在尝试创建一个自定义元素，在paper-dialog中播放youtube视频。因此，videoPlayer = Polymer.dom(this.root).querySelector('video-player');继承/访问了paper-dialog的open方法，我正在尝试扩展我的自定义元素它不起作用，但希望我在正确的轨道上，有人可以正确地告诉我。
我使用的是Polymer 1.0，但是我只需要使用</e
浏览 1提问于2015-07-16得票数 3
我有一个自定义元素video-player，它使用paper-dialog。<link rel="import" href="../bower_components/polymer/polymer.html">
<
浏览 3提问于2015-07-17得票数 1
我正在尝试使用google地图的not组件，并且我试图向lat，长的位置添加多个标记，我遵循的问题是，我尝试添加多个标记，但是没有添加标记。/bower_components/google-map/google- <dom-module id="map-view"> <google-map>
</templ
浏览 1提问于2017-09-11得票数 0
回答已采纳
/bower_components/google-map/google-map.html">
<google-map ma
浏览 3提问于2015-04-05得票数 0
1回答
这是一个Polymer 1.0，Vaadin-grid details 2.0dev和Google Maps的问题。我在一个Vaadin-grid-detail中有一个google地图
<div style="width: 60%;
浏览 12提问于2017-03-10得票数 1
4回答
既然聚合物(1.0)已经“准备好了”，那么在Rails (4)上使用它的最佳方法是什么呢？我读了很多书，我发现所有的解决方案都是不推荐的(例如使用Gems，比如:类聚合物-rails，emcee等等)。
浏览 9提问于2015-06-04得票数 18
回答已采纳
1回答
我正在尝试使用聚合元素(谷歌地图)来制作地图，当我使用像height: 100px这样的样式时，它可以工作，但我想让它全屏显示。<!-- Maps Element -->
<link rel="import" href="../..&
浏览 3提问于2016-01-15得票数 2
1回答
自定义元素中的脚本标记
、、、
我正在创建一个使用聚合物的定制元素，它使用Google的api。我希望这个元素能够包含Google的脚本标记。
<polymer-element name="google-map" nos
浏览 0提问于2014-02-12得票数 1
回答已采纳
我正在尝试从一个简单的消息对话框开始学习如何使用Google的Polymer 1.0组件。对话框出现了，但它没有我在Google的聚合物演示中看到的样式，所以我尝试在对话框中添加样式，以匹配我在Google演示中看到的样式：<head>
<script src="scripts/polymer/webcomponentsjs/webcompo
浏览 2提问于2015-07-15得票数 2
1回答
我正在研究一种使用聚合物的定制元素。我想在渲染后改变它的中心。我在聚合物文档上找不到它。有人能帮我吗？<dom-module id="my-map"> <google-map latitude="{{latitude}}" longitude="{{longitude}}"zoom="15"></temp
浏览 4提问于2015-06-16得票数 0
回答已采纳
1回答
在我的生活中，当我在顶部有一个应用程序工具栏时，我似乎无法从这个paper-dialog顶部删除愚蠢的空白。通过使用div，我只使用了一个标准的margin-top: 0px;就能将它排序，但是对于app-toolbar，我不能这样做。
margin-top: 0px;<base href="https:/&
浏览 6提问于2017-07-10得票数 1
回答已采纳
doctype html><head><title>Google Maps con Polymer</title>-->
<link rel="import" href="components/google-map/google-map.html">
浏览 4提问于2015-12-13得票数 0
回答已采纳
1回答
我在Polymer中使用了google-maps web组件，并遵循了下面的示例： longitude="125.4553" on-google-map-ready="mapReady"><&#x
浏览 9提问于2016-08-30得票数 1
1回答
我正在尝试使用聚合物和web组件来显示谷歌地图中的一些标记。<!/polymer.html"> <linkrel="import" href="bower_components/googl
浏览 16提问于2014-08-05得票数 2
1回答
高聚物纸-在铬键上没有显示对话框
、、、、
我正在使用最新的，下面有下面的代码，并试图打开对话框，但在chrome中没有发生任何事情(它在Firefox中运行得很好)：在"my-app.html“中bower ins
浏览 1提问于2016-09-20得票数 1
回答已采纳
1回答
我还没有写任何JS，试图在最好的时候使用聚合物(也许这是一个错误，但是为什么它与标记而不是polyline一起工作呢？)所有进口(聚合物元素和自定义元素)都是制作的，没有文件丢失；
我还尝试使用API在<google-map>元素上提供的<google-map>方法，但没有任何结果这是我的方式使用聚合物是错误的吗？我只将结果存储在两个数组中，并将它们发送到我的自定义元
浏览 5提问于2016-09-20得票数 1
回答已采纳
下面是我在主应用程序页面中编写的聚合物类的代码：<link rel="import" href="..
浏览 5提问于2017-06-17得票数 1
回答已采纳
2回答
/bower_components/polymer/polymer.html">总是在每个元素中导入而不管如何？/bower_components/google-map/google-map.html">
<link rel="import" href="../bower_components/google-map/goog
浏览 2提问于2016-09-29得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
