FusionTablesLyer cache la carte sous-jacente sur une page WordPress
-
07-11-2019 - |
Question
Je voudrais afficher une carte Google superposée avec deux couches de tables de fusion. Le code ci-dessous fonctionne parfaitement si je le copie simplement dans un éditeur de texte, enregistrez le fichier en tant que map.html
, et ouvrez-le dans mon navigateur. Mais lorsque je l'ai mis dans un post sur mon site sur le thème de WordPress, la carte sous-jacente est cachée par les couches de tables de fusion. Ces couches ne sont pas totalement opaques: je peux les voir les deux en même temps. Je ne vois tout simplement pas la carte sous-jacente.
Chaque fois que je zoome ou met la carte, la carte sous-jacente apparaît brièvement avant que les couches de tables de fusion ne soient dessinées dessus. Je soupçonne qu'il y a un paramètre de style en faute. Savez-vous comment afficher correctement la carte?
J'utilise WordPress version 3.0.4 avec le thème Gazette par woothemes; Le site est http://www.wisconsinwatch.org.
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<div id="gmap" style="width:590px; padding-top:40px;height: 550px;">
<script type="text/javascript">
var fracmap = new google.maps.Map(document.getElementById('gmap'), {
center: new google.maps.LatLng(44.797709533120106, -90.43712582444374),
zoom: 7,
mapTypeId: 'hybrid'
});
var layer0 = new google.maps.FusionTablesLayer({
query: {
select: 'geometry',
from: 2695847
},
});
layer0.setMap(fracmap);
var layer1 = new google.maps.FusionTablesLayer({
query: {
select: 'geometry',
from: 2695779
},
});
layer1.setMap(fracmap);
</script>
</div>
Merci!
Pas de solution correcte