source: spip-zone/_plugins_/gis/trunk/formulaires/configurer_gis.html @ 60882

<div class="formulaire_spip formulaire_configurer formulaire_configurer_gis">

[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]

<div id="map_config" class="carte_gis" style="width: 100%; height: 370px"></div>

<form method="post" action="#ENV{action}"><div>
        #ACTION_FORMULAIRE{#ENV{action}}
        <ul>
                [(#SAISIE{input,lat,
                        label=<:gis:lat:>,
                        size=40})]
                [(#SAISIE{input,lon,
                        label=<:gis:lon:>,
                        size=40})]
                [(#SAISIE{input,zoom,
                        label=<:gis:zoom:>,
                        size=2,
                        maxlength=2})]
                
                [(#SET{apis,[(#ARRAY{
                                cloudmade,<:gis:cfg_lbl_api_cloudmade:>,
                                google,<:gis:cfg_lbl_api_google:>,
                                googlev3,<:gis:cfg_lbl_api_googlev3:>,
                                openlayers,<:gis:cfg_lbl_api_openlayers:>,
                                ovi,<:gis:cfg_lbl_api_ovi:>,
                                yandex,<:gis:cfg_lbl_api_yandex:>})]})]
                
                [(#VAL{_GIS_APIS}|defined|oui)
                        [(#EVAL{_GIS_APIS}|unserialize|is_array|oui)#SET{apis,#EVAL{_GIS_APIS}|unserialize}]
                ]
                
                [(#SET{api_defaut,openlayers})]
                [(#VAL{_GIS_APIS_DEFAUT}|defined|oui)
                        [(#SET{api_defaut,[(#EVAL{_GIS_APIS_DEFAUT})]})]
                ]
                [(#VAL{_GIS_APIS_FORCEE}|defined|oui)
                        [(#SET{api_readonly,readonly})]
                        [(#SET{api_disable,disabled})]
                        [(#SET{api_forcee,[(#EVAL{_GIS_APIS_FORCEE})]})]
                        [(#SET{api_explications,<:gis:explication_api_forcee:>})]
                ]

                [(#SAISIE{selection,api,
                        label=<:gis:cfg_lbl_api:>,
                        cacher_option_intro=oui,
                        defaut=#GET{api_defaut},valeur_forcee=#GET{api_forcee},readonly=#GET{api_readonly},disable=#GET{api_disable},explication=#GET{api_explications},
                        datas=#GET{apis}})]

                [(#SET{maptypes,[(#ARRAY{
                                ROAD,<:gis:cfg_lbl_maptype_carte:>,
                                SATELLITE,<:gis:cfg_lbl_maptype_satellite:>,
                                HYBRID,<:gis:cfg_lbl_maptype_hybride:>,
                                PHYSICAL,<:gis:cfg_lbl_maptype_relief:>})]})]

                [(#VAL{_GIS_MAPTYPES}|defined|oui)
                        [(#EVAL{_GIS_MAPTYPES}|unserialize|is_array|oui)#SET{apis,#EVAL{_GIS_MAPTYPES}|unserialize}]
                ]

                [(#SET{maptype_defaut,carte})]
                [(#VAL{_GIS_MAPTYPES_DEFAUT}|defined|oui)
                        [(#SET{maptype_defaut,[(#EVAL{_GIS_MAPTYPES_DEFAUT})]})]
                ]
                [(#VAL{_GIS_MAPTYPES_FORCE}|defined|oui)
                        [(#SET{maptype_readonly,readonly})]
                        [(#SET{maptype_disable,disabled})]
                        [(#SET{maptype_force,[(#EVAL{_GIS_MAPTYPES_FORCE})]})]
                        [(#SET{maptype_explications,<:gis:explication_maptype_force:>})]
                ]
                [(#SAISIE{selection,maptype,
                        label=<:gis:cfg_lbl_maptype:>,
                        cacher_option_intro=oui,
                        defaut=#GET{maptype_defaut},valeur_forcee=#GET{maptype_force},readonly=#GET{maptype_readonly},disable=#GET{maptype_disable},explication=#GET{maptype_explications},
                        datas=#GET{maptypes}})]

                [(#SAISIE{oui_non,geocoder,
                        defaut='',
                        label=<:gis:cfg_lbl_geocoder:>,
                        explication=<:gis:cfg_inf_geocoder:>})]
                
                [(#SAISIE{oui_non,adresse,
                        defaut='',
                        label=<:gis:cfg_lbl_adresse:>,
                        explication=<:gis:cfg_inf_adresse:>})]
                
                [(#SAISIE{oui_non,geolocaliser_user_html5,
                        defaut='',
                        label=<:gis:cfg_lbl_geolocaliser_user_html5:>,
                        explication=<:gis:cfg_inf_geolocaliser_user_html5:>})]
                        
                [(#SAISIE{input,api_key_cloudmade,
                        label=<:gis:cfg_lbl_api_key_cloudmade:>,
                        explication=<:gis:cfg_inf_cloudmade{url=http://cloudmade.com/register}:>,
                        size=40})]
                [(#SAISIE{input,api_key_google,
                        label=<:gis:cfg_lbl_api_key_google:>,
                        explication=<:gis:cfg_inf_google{url=http://www.google.com/apis/maps/signup.html}:>,
                        size=40})]
                [(#SAISIE{input,api_key_yandex,
                        label=<:gis:cfg_lbl_api_key_yandex:>,
                        explication=<:gis:cfg_inf_yandex{url=http://api.yandex.ru/maps/}:>,
                        size=40})]

                [(#SAISIE{choisir_objets,gis_objets,
                        label=<:gis:cfg_lbl_activer_objets:>,
                        exclus=spip_gis})]

        </ul>


        <p class="boutons">
                <input type="submit" name="_cfg_ok" class="submit" value="<:bouton_enregistrer:>" />
        </p>
</div></form>

<script type="text/javascript">
<!---

[var cloudmade_key = '(#ENV{api_key_cloudmade})';]

(function($){
        
        var maj_inputs = function(map,pos) {
                var zoom = map.getZoom();
                $("#champ_lat").val(pos.lat);
                $("#champ_lon").val(pos.lon);
                $("#champ_zoom").val(zoom);
        }
        
        var init_config = function() {
                var map;
                var map_container = 'map_config';
                // ne pas doublonner la carte quand on passe plusieurs fois dans ajaxload, pas propre mais bon... 
        $('#map_config').empty();
                map = new mxn.Mapstraction(map_container,'[(#REM|gis_api_utilisee)]');
                map.setCenterAndZoom(new mxn.LatLonPoint(#ENV{lat,0},#ENV{lon,0}),#ENV{zoom,0});
        // Pour l'API Openlayers, la methode n'existe pas
        try {
            map.setMapType([mxn.Mapstraction.(#REM|gis_maptype_utilise)]);  
        }
        catch(err) {
            $(".editer_maptype").hide();
        }

                map.addControls({
                        pan: true,
                        zoom: '#ENV{control,small}',
                        map_type: true
                });

                [(#ENV{lat}|oui)
                point = new mxn.LatLonPoint([(#ENV{lat})],[(#ENV{lon})]);
                marker = new mxn.Marker(point);
                map.addMarker(marker);]
                
                // mettre a jour les coordonnees quand on clique la carte
                map.click.addHandler(function(name, source, args) {
                        var pos = args.location;
                        map.removeAllMarkers();
                        marker = new mxn.Marker(pos);
                        map.addMarker(marker);
                        map.setCenter(pos,{pan:true});
                        maj_inputs(map,pos);
                });
                
                // mettre à jour le zoom quand on le modifie
                map.changeZoom.addHandler(function(name, source, args) {
                        var zoom = source.getZoom();
                        $("#champ_zoom").val(zoom);
                });

        }
        
        var geocoders = ['cartociudad','google','googlev3','yandex','openlayers'];
        
        var show_geocoder = function(){
                if(($.inArray($('#champ_api').val(),geocoders) >= 0) && $('li.editer_geocoder').is(':hidden')){
                        $('li.editer_geocoder').slideDown()
                }else if(($.inArray($('#champ_api').val(),geocoders) < 0) && $('li.editer_geocoder').is(':visible')){
                        $('li.editer_geocoder').slideUp()
                }
        }
        
        var show_apis_keys = function(){
                if(($('#champ_api').val() == "cloudmade") && $('.editer_api_key_cloudmade').is(':hidden')){
                        $('.editer_api_key_cloudmade').slideDown();
                }else if(($('#champ_api').val() != "cloudmade") && $('.editer_api_key_cloudmade').is(':visible')) {
                        $('.editer_api_key_cloudmade').slideUp();
                }
                if(($('#champ_api').val() == "google") && $('.editer_api_key_google').is(':hidden')){
                        $('.editer_api_key_google').slideDown();
                }else if(($('#champ_api').val() != "google") && $('.editer_api_key_google').is(':visible')) {
                        $('.editer_api_key_google').slideUp();
                }
                if(($('#champ_api').val() == "yandex") && $('.editer_api_key_yandex').is(':hidden')){
                        $('.editer_api_key_yandex').slideDown();
                }else if(($('#champ_api').val() != "yandex") && $('.editer_api_key_yandex').is(':visible')) {
                        $('.editer_api_key_yandex').slideUp();
                }
        }
        
        var show_config = function(){
                show_geocoder();
                show_apis_keys();
                $('#champ_api').unbind('change').change(function(){
                        show_geocoder();
                        show_apis_keys();
                });
        }
        
        $(function(){
                init_config();
                show_config();
                onAjaxLoad(init_config);
                onAjaxLoad(show_config);
        });

})(jQuery);
-->
</script>
</div>