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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top