在KMZ层的顶部显示地面覆盖
Displaying Groundoverlay on top of KMZ layer
我正在使用Google Maps API JavaScript库。我正在尝试在KMZ层的顶部显示Groundoverlay图像。无论我尝试什么,KMZ层都会保持在顶部,阻挡我的Groundoverlay图像。
我已经注意到,不能为Groundoverlay指定zIndex。任何帮助都将不胜感激。以下是说明问题的javascript代码:
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 14,
center: {lat: 51.92123061150897, lng: 4.482456756591775}
});
var ctaLayer = new google.maps.KmlLayer({
url: 'http://bit.ly/1PjfdTp',
map: map,
preserveViewport: true
});
var doctorbounds = {
north: 51.911766,
south: 51.909567,
east: 4.469100,
west: 4.466565
};
var doctorpicture = new google.maps.GroundOverlay(
'http://bit.ly/1mIHLPG',
doctorbounds);
doctorpicture.setMap(map);
}
</script>
如Vadim Gremyachev对此问题的回答(geoxml3-groundOverlay zIndex)中所述,可以使用geoxml3完成。
(注意,所有的KML文件都需要在同一个域上才能使用geoxml3或通过代理访问)。
工作链路
相关文章:
- Highcharts-显示noData覆盖和x轴标签
- javascript覆盖tick显示值
- html上的覆盖不会显示在全屏中
- .submit JS函数在Safari中不显示CSS覆盖(除非我取消页面加载)
- JavaScript/Wicket:如何显示阻止用户交互的覆盖
- Jquery 显示/隐藏常见问题解答,文本被覆盖
- Ajax 覆盖在 ajax 请求期间未显示
- 在加载$http-get图像之前显示加载覆盖
- 在KMZ层的顶部显示地面覆盖
- Jquery Slider UI,用于在基于不透明度的OpenLayers中显示覆盖层
- 纯JS:在悬停时使用mouseenter和mouseleave在元素上显示覆盖
- JQuery-显示/隐藏样式属性覆盖css
- Chrome在网站上显示白色覆盖
- 悬停时仅显示一个覆盖
- 悬停以显示覆盖-几乎在那里,只需要一些调整
- 显示了ajax调用的覆盖层,但在没有ajax的情况下调用时不显示
- 防止JQuery.HTML在显示之前覆盖以前的.HTML
- 当用标签形式覆盖时,为什么函数隐藏/显示元素不起作用
- 在'上显示覆盖;draginter'将文件从桌面拖动到浏览器时
- 有没有一个karma插件可以突出显示jasmine测试覆盖(或未覆盖)的Javascript代码