Je me demandais simplement s'il était possible de styliser un ballon pop-up via un fichier externe/lié .css
, plutôt que des styles en ligne?CSS dans Google Earth plugin
3
A
Répondre
0
Oui, je l'ai fait dans le passé, cela peut être assez difficile. Vous devez utiliser firebug pour trouver les sélecteurs dont vous avez besoin et dans votre CSS vous devrez être assez spécifique pour les remplacer, vous devrez peut-être même utiliser! Important sur la règle.
Natalie
3
Ce que je fais en général est de créer un BalloonStyle pour mes ballons placemark qui contient une enveloppe div
avec une classe CSS comme earth-balloon
, qui peut alors être directement à partir de style dans la page contenant.
Par exemple, le KML ressemblerait à ceci:
<?xml version="1.0" encoding="UTF-8"?>
<kml xmlns="http://www.opengis.net/kml/2.2">
<Document>
<Style id="foo">
<BalloonStyle>
<text><![CDATA[
<div class="earth-balloon">
$[description]
</div>
]]></text>
</BalloonStyle>
</Style>
<Placemark>
<styleUrl>#foo</styleUrl>
<name>Bar</name>
<description><![CDATA[
Some <em>HTML</em> here.
]]></description>
<Point>
<coordinates>-122,37</coordinates>
</Point>
</Placemark>
</Document>
</kml>
la page contenant lui-même pourrait ressembler à:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<!-- Earth API stuff goes here -->
</head>
<body>
<div id="map3d"></div>
</body>
</html>
et votre styles.css
pourrait alors le style le ballon pour Placemarks avec styleUrl = #foo
par des règles comme :
.earth-balloon {
font-family: Georgia, serif;
}
.earth-balloon em {
color: red;
}
Hope that helps!
Questions connexes
- 1. Comment gérer un drag-event dans le plugin Google Earth?
- 2. C# Google Earth Erreur
- 3. Vidéo contextuelle Google Earth (ActiveX)
- 4. Application Google Earth et Windows
- 5. Virtual Earth ou Google Maps
- 6. gestion de carte dynamique dans google earth
- 7. API Google Map vs MS Earth Earth API
- 8. Comment utiliser Google Earth sur iPhone?
- 9. Rechercher un lieu avec l'API Google Earth
- 10. Capteur d'inclinaison pour travailler avec Google Earth
- 11. Comment exécuter Google Earth dans un contrôle WPF
- 12. est-il possible d'afficher une carte Google Earth INSIDE Excel?
- 13. Déterminez si Google Earth est installé (sous Windows)
- 14. Analyse des données XML Google Earth à l'aide de VB.NET
- 15. Google Maps JQuery Plugin Problème
- 16. Impossible d'installer le plugin Google eclipse
- 17. Comment utiliser une image pour superposer la totalité de la Terre dans Google Earth?
- 18. Détecter Google Earth est installé dans une page Web sur Internet Explorer
- 19. Fonctionnalités de groupe dans Google Earth pour cacher les détails en réduction d'un ou plusieurs de
- 20. Clustering Virtual Earth personnalisé
- 21. Google Chrome CSS/bug de rendu?
- 22. CSS: Police Fixedsys n'apparaîtra pas dans le navigateur Google Chrome
- 23. Calcul des coordonnées de la grille de délimitation à un utilisateur cliquez sur google maps/google earth
- 24. Comment puis-je afficher des données shapefile/Well-Known-Text sur Google Maps/MS Virtual Earth?
- 25. Comment puis-je obtenir des données de maillage de Google Earth?
- 26. Noob est l'analyse des données XML Google Earth en utilisant VB.NET, partie III
- 27. Comment puis-je gérer l'état d'une session avec un client Google Earth?
- 28. Virtual Earth et ASP.NET MVC
- 29. Logiciel/Plugin pour la génération de sprites css
- 30. Édition interactive de polygones avec Microsoft Virtual Earth
C'est très bien, comment est-ce que je ferais ça, où le fichier externe doit-il être lié? N'importe quel exemple de comment vous pouvez me pointer aussi. ce qui concerne. .k – Keet
[Ceci] (http://www.recyclenow.com/applications/recyclenow_08/banklocator/search_results.rm?place=bn1+4aj&x=29&y=16) est quelque chose sur lequel j'ai travaillé il y a longtemps. changé un peu, mais devrait vous donner une idée, jetez un oeil au code dans firebug et à banklocator.css –
heh ressemble à vous ne pouvez pas mettre html dans les commentaires, seulement dans les réponses :) - l'URL est http: //www.recyclenow .com/applications/recyclenow_08/banklocator/search_results.rm? lieu = bn1 + 4aj & x = 29 & y = 16 –