我正在使用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>
答案 0 :(得分:0)
我发现了问题:与GoogleMaps和Twitter Bootstrap存在冲突导致某些图形元素出现异常。我通过不包括有关页面上的Twitter Bootstrap来解决它。