插入谷歌底圖和標籤圖像

之間的Mapnik的瓷磚我目前使用Mapnik的使用從蠟g.connector如下面的代碼來創建通過節點Mapnik的在巴西地區的地區分佈瓷磚和它工作得很好。插入谷歌底圖和標籤圖像

var map = new google.maps.Map(document.getElementById('map-canvas'), { 
    center: new google.maps.LatLng(-23.1851, -51.0754), 
    zoom: 8, 
    zoomControlOptions: { 
     style: google.maps.ZoomControlStyle.SMALL 
    }, 
    mapTypeId: google.maps.MapTypeId.HYBRID 
}); 

var tiles = { 
tilejson: '2.0.0', 
    tiles: ['url/{z}/{x}/{y}.png'] 
}; 
map.overlayMapTypes.insertAt(0, new wax.g.connector(tiles));

但我注意到，使用Chrome開發者工具，即谷歌地圖是每發送X，Y，Z瓷磚背面有兩個獨立的PNG（一個512x512 vt png與道路和標籤和地面的第二一個256x256 kh png ）。

用蠟或其他JavaScript工具，是可以插入我碰到Mapnik的背面的兩個谷歌地圖的PNG的PNG？我的目標是讓標籤位於Mapnik返回的圖像的頂部。這當然可以通過改變Mapnik瓷磚的不透明度來實現，但是當不透明度降低時，顏色並不突出。任何幫助是極大的讚賞。

來源

2014-02-24 hotshotiguana

您可以嘗試張貼在GIS StackExchange - http://gis.stackexchange.com –

感謝。剛剛發佈在那裏。 – hotshotiguana

看起來目前不支持。

如果你看一下實際的HTML - 兩個衛星圖像層與z-index的嵌套div和覆蓋與不同的z-index一個單獨的股利。我認爲這是不可能的，以嵌套在不同的div的兩個不同的z-index的一個單獨的DIV，又名，這不起作用：

<div style:"z-index: 5"></div> 
<div> 
    <div style:"z-index: 1"></div> 
    <div style:"z-index: 10"></div> 
</div>

對於單一的瓷磚，有可能將其卸下從覆蓋div，並重新將它附加到地圖瓷磚div，並將z-indexes分配給所有三個圖像，但它似乎不太實際。

目前，有一些開放請求該添加爲特點，以谷歌地圖，但什麼都不存在。

這裏的及設想了另一種途徑 - 讓您的谷歌地圖沒有道路層（搜索谷歌地圖的風格嚮導），並呈現道路上層Mapnik的使用OpenStreetMap的，從您的數據瓦片。

來源

2014-03-24 19:02:44

插入谷歌底圖和標籤圖像

回答

相關問題