7赞

Google地图气泡中的CSS格式如何运作？

作者：贴进你的心聆听你的世界 | 2023-09-04 08:04

如何解决《Google地图气泡中的CSS格式如何运作？》经验，为你挑选了1个好方法。

我正在使用KML和GGeoXml对象在嵌入式Google地图上叠加一些形状.KML文件中的地标具有一些显示在气球中的自定义描述性信息.


    
    
        
                Concession
                ~Name~
                Description goes here
                View details

]]> #masterPolyStyle ...Placemarks go here ...

到目前为止一切都那么好 - 弹出窗口出现并在其中包含正确的文本.这是奇怪的事情:我正在尝试使用CSS格式化弹出窗口中的内容,并且它中途运行.

特别:

在

和

元素使用我在我的样式表中指定的颜色和背景图片呈现.

一切都显示在Arial中,而不是我在CSS中指定的字体.

似乎忽略了类名(例如,没有a.Button应用任何格式;如果我定义类似下面的样式,则忽略它.)

div.MapPopup { background:pink; }

有任何想法吗？我不会对CSS根本不工作感到惊讶,但奇怪的是它只能部分工作.

更新

这是一个截图,以更好地说明这一点.我已经

在页面上进一步向下再现了标记(黄色),以显示它应该如何根据我的CSS呈现.

替代文字

1> Herb Caudill..：

正如我所说,我已经和Firebug一起看看发生了什么.看起来Google正在做两件令人讨厌的事情:

它正在从我的HTML中删除所有类属性.

它正在抛出各种硬编码风格.

这是我的HTML以及Google插入的前几个包装器:


    
        
            Concession
            BOIS KASSA 1108000 (Mobola-Mbondo)
            
                Description goes here
            View details

正如你所看到的,我的课(例如,MapPopup在我的第一个div,Button等的标签)都被剥夺了.

了解这一点,我将能够解决谷歌的干扰,使用!important和定位div整个地图的容器- 仍然,这很烦人,谷歌出乎意料地笨拙.

推荐阅读

程序员
从(按键)angular2获取按键

如何解决《从(按键)angular2获取按键》经验，为你挑选了2个好方法。 ... [详细]
程序员
Android Studio:找不到com.android.tools.build:gradle:2.0.0-alpha2

如何解决《AndroidStudio:找不到com.android.tools.build:gradle:2.0.0-alpha2》经验，为你挑选了2个好方法。 ... [详细]
程序员
使用SSH.NET时如何在MemoryStream中保存下载的文件

如何解决《使用SSH.NET时如何在MemoryStream中保存下载的文件》经验，为你挑选了1个好方法。 ... [详细]
程序员
无法在ACRA 4.7.0中解析方法'formKey'

如何解决《无法在ACRA4.7.0中解析方法'formKey'》经验，为你挑选了1个好方法。 ... [详细]
程序员
将表视图设置为编辑模式

如何解决《将表视图设置为编辑模式》经验，为你挑选了4个好方法。 ... [详细]
程序员
使用dict中的值过滤pandas数据帧

如何解决《使用dict中的值过滤pandas数据帧》经验，为你挑选了1个好方法。 ... [详细]
程序员
在python中使用IFF

如何解决《在python中使用IFF》经验，为你挑选了2个好方法。 ... [详细]
程序员
使用Elasticsearch进行AJAX通信的流量和访问控制解决方案？

如何解决《使用Elasticsearch进行AJAX通信的流量和访问控制解决方案？》经验，为你挑选了0个好方法。 ... [详细]
程序员
为什么我在CakePhP 3.0中找到"TableRegistry not found"？

如何解决《为什么我在CakePhP3.0中找到"TableRegistrynotfound"？》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何使用IntelliJ调试在Docker中运行的应用程序？

如何解决《如何使用IntelliJ调试在Docker中运行的应用程序？》经验，为你挑选了1个好方法。 ... [详细]
程序员
无法理解嵌套循环的大O.

如何解决《无法理解嵌套循环的大O.》经验，为你挑选了1个好方法。 ... [详细]
程序员
向派生类添加不同的属性#

如何解决《向派生类添加不同的属性#》经验，为你挑选了1个好方法。 ... [详细]
程序员
ThreadPoolExcutor和invokeAll列表顺序

如何解决《ThreadPoolExcutor和invokeAll列表顺序》经验，为你挑选了1个好方法。 ... [详细]
程序员
获取matlab显示平方根(即2 ^(1/2)而不是1.414)

如何解决《获取matlab显示平方根(即2^(1/2)而不是1.414)》经验，为你挑选了1个好方法。 ... [详细]
程序员
按python中的第一（或第二，否则）列对文件排序

如何解决《按python中的第一（或第二，否则）列对文件排序》经验，为你挑选了1个好方法。 ... [详细]
程序员
为什么ClassLoader的缓存按升序检查？

如何解决《为什么ClassLoader的缓存按升序检查？》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何在HTML中显示源文件.php？

如何解决《如何在HTML中显示源文件.php？》经验，为你挑选了1个好方法。 ... [详细]
程序员
将地理数据导入Mongodb时出错:无法从对象,格式错误的几何体中提取地理键

如何解决《将地理数据导入Mongodb时出错:无法从对象,格式错误的几何体中提取地理键》经验，为你挑选了1个好方法。 ... [详细]
程序员
更改绘图中某些点的颜色

如何解决《更改绘图中某些点的颜色》经验，为你挑选了2个好方法。 ... [详细]
程序员
choroplethr,ggmap或ggplot2中的道路和半径圆

如何解决《choroplethr,ggmap或ggplot2中的道路和半径圆》经验，为你挑选了0个好方法。 ... [详细]

贴进你的心聆听你的世界

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章