Jmapping信息框坏了吗?

时间:2012-09-10 12:19:21

标签: google-maps

我正在使用jmapping映射地图中的几个引脚,这个引脚循环遍布美国的50个地点。

问题在于,通过jmapping,信息框应该像那个方形漫画风格窗口,三角形指向针脚,信息框窗口本身的阴影,该部分被打破当我尝试实现它时(见附图)。

我正在使用Rails和HAML,但我正在粘贴下面编译的html代码。这很奇怪,我花了一整天的时间试图解决这个问题。 任何帮助,将不胜感激。

不幸的是,由于我公司的NDA规则,我无法发布网址,但我已发布了问题的截图和相关代码。

这里是屏幕截图的链接: https://plus.google.com/u/0/101306108306543950085/posts/FdirAuN3PNe

这是我的代码:

 <div class='map-location' data-jmapping='{"id":51,"point":  {"lat":41.47535,"lng":-87.385431},"category":"Gas"}'>
<div class='info-box'>
<div class='vacancy_map_data'>Merrillville , IN</div>
<div class='vacancy_map_data'>Square Feet: 785</div>
<div class='vacancy_map_data'>Monthly Rate: 2650.0</div>
<div class='vacancy_map_data'><a  href="/vacancies/4ffef1ecd0bef8000100003e/vacancy_inquiries/new" class="map-link">Inquire</a></div>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

我发现了问题:与GoogleMaps和Twitter Bootstrap存在冲突导致某些图形元素出现异常。我通过不包括有关页面上的Twitter Bootstrap来解决它。