Le portail francophone de la géomatique

Bonjour, à toutes et à tous, et d'abord merci pour votre site que je parcours depuis quelque temps sans y avoir encore participé. Je ne suis pas directement de la partie "géomatique". Mon activité concerne plus la modélisation 3D se référant à l'architecture et à l'urbanisme mais le développement de la géomatique en général me passionne. Ce site professionnel m'a ouvert d'autres horizons qui rejoignent fortement ceux sur lesquels je travaille actuellement.

J'étudie en ce moment les nouvelles applications possibles avec google earth, l'intégration des données 3D d'architecture et d'urbanisme, et plus récemment la mise en place de l'API Google dans les pages web.

Plus concrétement, j'essaie à ce jour de créer une page web avec l'API Google incluant deux boutons permettant de rendre visible ou invisible un objet 3D, tout en conservant un autre objet 3D visible....

Extrait résumé de la page en cours qui donnera ceci à l'ouverture :
(j'ai supprimé toutes les mises en page et déco css...)

vue à l'initialisation de la page (sans l'objet "projet")

[img]http://www.3dcite.fr/forums/images/EssaiGeProjet01.jpg[/img]

avec la déclaration de la clé (à obtenir auprès de Google) :

<script src="http://www.google.com/jsapi?key=ABQIxxxxxxxxxxxxxxxx"></script>

la déclaration de la carte :

<script type="text/javascript">
google.load("earth", "1"); 


var ge; 


function onLoad() { 
  google.earth.createInstance("map3d", initCB, failureCB); 
}

l'initialisation des différents layers (terrain, routes, bâtiments3D initiaux, limites, contrôles de navigation...etc) :

function initCB(object) { 
  ge = object; 
  ge.getWindow().setVisibility(true);
  ge.getOptions().setMouseNavigationEnabled(true);
  
  var layerRoot = ge.getLayerRoot();
  layerRoot.enableLayerById(ge.LAYER_TERRAIN, true);
  layerRoot.enableLayerById(ge.LAYER_ROADS, false);
  layerRoot.enableLayerById(ge.LAYER_BUILDINGS, false);
  layerRoot.enableLayerById(ge.LAYER_BORDERS, true);
  ge.getOptions().setFlyToSpeed(.50); 

  ge.getNavigationControl().setVisibility(ge.VISIBILITY_HIDE);
  
  ge.getOptions().setStatusBarVisibility(false);
  ge.getOptions().setOverviewMapVisibility(false);
  ge.getOptions().setScaleLegendVisibility(false);
  ge.getOptions().setGridVisibility(false);

le positionnement de la vue sur le site par :

 var la = ge.createLookAt('');
  la.set(47.272237,-1.338813, 0, ge.ALTITUDE_RELATIVE_TO_GROUND, 
         -90, 30, 250); //180, 60, 500);
  ge.getView().setAbstractView(la);

ce peut être aussi par "Camera"

l'activation du fichier kmz du bâti conservé :

function finished(object) 
  {
         if (!object) {
           alert('KML mal formé');
           return;
         }
         ge.getFeatures().appendChild(object);
       }
 
       var kmlCons = 'http://3dcite.fr/google_earth/kmz/projbourg01/BourgCons.kmz';
       google.earth.fetchKml(ge, kmlCons, finished);

et ensuite ce qui m'intéresse, la fonction pour le bouton "voir le projet" :

function addKmlProj() { 
  var urlProj = "http://3dcite.fr/google_earth/kmz/projbourg01/BourgProj.kmz"; 
  google.earth.fetchKml(ge, urlProj, function(kmlObject) { 
    ge.getFeatures().appendChild(kmlObject); 
  }); 
}

lié au bouton :

 <input type="button" value="Voir projet" onclick="addKmlProj();"/>

celui-ci fonctionne correctement et fait apparaitre l'objet "projet"

[img]http://www.3dcite.fr/forums/images/EssaiGeProjet02.jpg[/img]

Et là je cale pour le second bouton

auquel je souhaiterais affecter la fonction :

function supKmlProj() { 
  var ??????????????????????????????
  google.earth.fetchKml(ge, urlProj, function(kmlObject) { 
    ge.getFeatures().removeChild(kmlObject);
     ????????????????????????????????
  }); 
}

ou quelquechose qui y ressemblerait...
pour faire disparaitre l'objet "projet". !

La page donne ceci à ce jour :

page en cours

Je fouille sur les pages de googles Earth API (reference, Examples, interactive sampler...)

Google Earth API

j'ai bien avancé avec l'indispensable Geotribu de Fabien

Geotribu - Google Earth

Mais là je cale.

Si quelqu'un avait une petite idée pour ce bout de code javascript
Merci à l'avance

Dernière modification par Atelier3DCité (Thu 05 March 2009 13:54)