Discussion :

[Rémy DEV]

Bonjour à tous.

Je développe actuellement une application web centré sur une carte interactive.
Cette carte doit être google Earth ou google map si le plugin n'est pas installé.

Je doit ensuite réaliser plusieurs actions sur la carte chargée comme : afficher / masquer des points en fonction des filtres activés, ou déplacer la caméra sur une zone précise.

L'idéale pour moi est d'avoir des fonctions qui vont fonctionner quelque soit la carte qui a été chargé.

Et là j'ai un problème avec l'affichage d'une zone.
J'entant par zone, un territoire, plus ou moins grand, qui doit être entièrement visible lors que la caméra vole dessus. Exemple : Ile de france ou Les Etats Unis. Evidemment on à pas même niveau de zoome entre les deux...

L'idée serais d'utiliser les bounds.
Un bounds dans google map c'est un rectangle définit par deux points géographique : Sud-West et Nord-Est.
google map a une fonction qui permet de déplacer la carte sur le bounds.

Je ne trouve pas d'équivalent avec google earth...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
var googleEarth;//Ma carte google earth
var googleMap; //Ma carte google map
/**
 * Déplace la caméra vers la zone sélectionnée.
 * @param float lat1 Latitude  du point Sud-West 
 * @param float lng1 Longitude du point Sud-West 
 * @param float lat2 Latitude  du point Nord-Est
 * @param float lng2 Longitude du point Nord-Est
 */
function flyToBounds(lat1,lng1,lat2,lng2){
    if(googleEarth){
        // ... I need help
    }
    if(googleMap){
        maz_googleMap.fitBounds(new google.maps.LatLngBounds(
            new google.maps.LatLng(lat1,lng1),//sw
            new google.maps.LatLng(lat2,lng2)//ne
        ));
    }
}

Voila, Si vous avez une idée de comment faire ça.
Merci

[NoSmoking]

Bonjour,
il existe cet exemple http://earth-api-samples.googlecode....es/bounds.html

[Rémy DEV]

Bonjour NoSmoking,

J'ai déjà examiné cet exemple (fort impressionnant), mais je n'y ai pas trouvé de solution pour mon problème.

[Rémy DEV]

J'ai trouvé cette solution :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
    if(maz_googleEarth){
        /* http://code.google.com/p/earth-api-utility-library/source/browse/trunk/extensions/examples/bounds-view.html?r=47 */
        gex = new GEarthExtensions(maz_googleEarth);
        gex.util.flyToObject(gex.dom.addFolder([
            gex.dom.buildPointPlacemark([lat1,lng1]),
            gex.dom.buildPointPlacemark([lat2,lng2])
        ]));
    }

2 problèmes : cela me rajoute deux petits markers parasites et ça fait appel à une librairies externe (j'aurais préféré trouver une solution en natif)

[Rémy DEV]

Je vais pour le moment utiliser cette solution en attendant de trouver mieux....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function flyToBounds(lat1,lng1,lat2,lng2){
        if(ge){
            //http://code.google.com/p/earth-api-utility-library/source/browse/trunk/extensions/examples/bounds-view.html?r=47
            gex = new GEarthExtensions(ge);
            var p1 = gex.dom.buildPointPlacemark([lat1,lng1]);
            var p2 = gex.dom.buildPointPlacemark([lat2,lng2]);
            gex.util.flyToObject(gex.dom.addFolder([p1,p2]));
            p1.setVisibility(false);//C'est moche car je suis ici obligé de créer deux points pour faire un flyToObject()
            p2.setVisibility(false);//et je doit ensuite rendre les deux points invisible...
        }
        if(map){
            map.fitBounds(new google.maps.LatLngBounds(
                new google.maps.LatLng(lat1,lng1),//sw
                new google.maps.LatLng(lat2,lng2)//ne
            ));
        }
    }

Si quelqu’un a une vrai solution je suis preneur

[Rémy DEV]

Arf.. ça ne marche pas pas sous IE....

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var p1 = gex.dom.buildPointPlacemark([lat1,lng1]);

SCRIPT5009: « object » est indéfini
cartographie, Ligne 1 Caractère 1

L'erreur étant généré dans le fichier extensions-0.21.js à la ligne 6525
(http://code.google.com/p/earth-api-u...nsions.js#6525)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

return window['eval']('object.' + method + '(' + reprArgs.join(',') + ')');

Je ne comprend pas car l'exemple suivant fonctionne très bien sous IE alors que mon code est très similaire.
http://earth-api-utility-library.goo...unds-view.html