15赞

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整个地图的容器- 仍然,这很烦人,谷歌出乎意料地笨拙.

推荐阅读

程序员
创建组日历事件失败

如何解决《创建组日历事件失败》经验，为你挑选了0个好方法。 ... [详细]
程序员
打开图层3根据矢量图层的范围使地图居中？

如何解决《打开图层3根据矢量图层的范围使地图居中？》经验，为你挑选了1个好方法。 ... [详细]
程序员
elasticsearch按字符串字段的长度过滤

如何解决《elasticsearch按字符串字段的长度过滤》经验，为你挑选了1个好方法。 ... [详细]
程序员
Vectorize嵌套的for-loop和if语句

如何解决《Vectorize嵌套的for-loop和if语句》经验，为你挑选了0个好方法。 ... [详细]
程序员
用先前的非零值替换向量中的所有零

如何解决《用先前的非零值替换向量中的所有零》经验，为你挑选了4个好方法。 ... [详细]
程序员
Jasper Reports PDF不会导出西里尔文值

如何解决《JasperReportsPDF不会导出西里尔文值》经验，为你挑选了1个好方法。 ... [详细]
程序员
java.io.IOException:没有用于scheme的文件系统:hdfs

如何解决《java.io.IOException:没有用于scheme的文件系统:hdfs》经验，为你挑选了1个好方法。 ... [详细]
程序员
gemspec中的条件ruby gem依赖项

如何解决《gemspec中的条件rubygem依赖项》经验，为你挑选了0个好方法。 ... [详细]
程序员
pyspark加入多个条件

如何解决《pyspark加入多个条件》经验，为你挑选了1个好方法。 ... [详细]
程序员
dismissViewControllerAnimated仅在第二次点击TableView Row后才有效

如何解决《dismissViewControllerAnimated仅在第二次点击TableViewRow后才有效》经验，为你挑选了1个好方法。 ... [详细]
程序员
你能不能在Matlab中关闭一个给定的窗口？

如何解决《你能不能在Matlab中关闭一个给定的窗口？》经验，为你挑选了1个好方法。 ... [详细]
程序员
Objective-C和Swift文档就像Apple文档一样

如何解决《Objective-C和Swift文档就像Apple文档一样》经验，为你挑选了0个好方法。 ... [详细]
程序员
在jsonb字段上添加索引

如何解决《在jsonb字段上添加索引》经验，为你挑选了1个好方法。 ... [详细]
程序员
连续数字块的开始/停止值

如何解决《连续数字块的开始/停止值》经验，为你挑选了0个好方法。 ... [详细]
程序员
使用react-native-camera拍照

如何解决《使用react-native-camera拍照》经验，为你挑选了1个好方法。 ... [详细]
程序员
两种功能是否相同,以及工作2的改善时间是否超过工作1？

如何解决《两种功能是否相同,以及工作2的改善时间是否超过工作1？》经验，为你挑选了1个好方法。 ... [详细]
程序员
无法使用anaconda的conda包更新到python 3.5

如何解决《无法使用anaconda的conda包更新到python3.5》经验，为你挑选了1个好方法。 ... [详细]
程序员
猫头鹰旋转木马在页面加载时闪烁

如何解决《猫头鹰旋转木马在页面加载时闪烁》经验，为你挑选了1个好方法。 ... [详细]
程序员
从VSTS发布中排除文件/文件夹

如何解决《从VSTS发布中排除文件/文件夹》经验，为你挑选了1个好方法。 ... [详细]
程序员
来自<netinet/in.h>的INADDR_LOOPBACK宏未在swift中导入

如何解决《来自<netinet/in.h>的INADDR_LOOPBACK宏未在swift中导入》经验，为你挑选了1个好方法。 ... [详细]

贴进你的心聆听你的世界

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

关注作者

Tags | 热门标签

RankList | 热门文章