source: plugins_spip/diogene_complements/diogene_geo/formulaires/diogene_ajouter_medias_geo.html @ 4909

Last change on this file since 4909 was 4909, checked in by kent1, 10 years ago

Un pipeline en moins et pas de valeurs pas défaut si pas de points

File size: 3.6 KB
Line 
1#CACHE{0}
2
3<li class="fieldset diogene_geo">
4<fieldset>
5        <h3 class="legend"><:diogene_geo:form_legend:></h3>
6        <ul>
7                <li style="padding:0" class="editer editer_carte">
8                        <div id="geomap" name="formMap" style="width: 100%; height: 350px"></div>
9                                <script type="text/javascript">
10                                <!--
11                                var form_map;
12                                [(#ENV{recherche}|!={non}|oui|et{#CONFIG{gis/geocoder}|oui})
13                                [(#SET{geocoder,oui})]
14                                var geocoder;]
15                               
16                                (function($){
17                                       
18                                        var maj_inputs = function(map,pos) {
19                                                var zoom = map.getZoom();
20                                                $("#champ_lat").val(pos.lat);
21                                                $("#champ_lon").val(pos.lon);
22                                                $("#champ_zoom").val(zoom);
23                                        }
24                                       
25                                        [(#GET{geocoder}|oui)
26                                        function geocode(address) {
27                                                form_map.setCenterAndZoom(address.point, 15);
28                                                geocode_marker = new mxn.Marker(address.point);
29                                                var info = address.locality + ", " + address.region;
30                                                geocode_marker.setInfoBubble(info);
31                                                form_map.addMarker(geocode_marker);
32                                                geocode_marker.openBubble();
33                                                maj_inputs(form_map,address.point);
34                                        }]
35                               
36                                        var init_map = function() {
37                                                // creer la carte
38                                                var map_container = 'geomap';
39                                                form_map = new mxn.Mapstraction(map_container,'#CONFIG{gis/api,openlayers}');
40                                                form_map.setCenterAndZoom(new mxn.LatLonPoint(#ENV{lat,#CONFIG{gis/lat,0}},#ENV{lon,#CONFIG{gis/lon,0}}),#ENV{zoom,#CONFIG{gis/zoom,0}});
41                                               
42                                                [(#GET{geocoder}|oui)
43                                                // geocoder
44                                                geocoder = new mxn.Geocoder('#CONFIG{gis/api,openlayers}',geocode);]
45                                               
46                                                [(#ENV{lat}|oui)
47                                                point = new mxn.LatLonPoint([(#ENV{lat})],[(#ENV{lon})]);
48                                                marker = new mxn.Marker(point);
49                                                form_map.addMarker(marker);]
50                                               
51                                                // mettre a jour les coordonnees quand on clique la carte
52                                                form_map.click.addHandler(function(name, source, args) {
53                                                        var pos = args.location;
54                                                        form_map.removeAllMarkers();
55                                                        marker = new mxn.Marker(pos);
56                                                        marker.setDraggable(true);
57                                                        form_map.addMarker(marker);
58                                                        form_map.setCenter(pos,{pan:true});
59                                                        maj_inputs(form_map,pos);
60                                                });
61                                               
62                                                // mettre à jour le zoom quand on le modifie
63                                                form_map.changeZoom.addHandler(function(name, source, args) {
64                                                        var zoom = source.getZoom();
65                                                        $("#champ_zoom").val(zoom);
66                                                });
67                                               
68                                                [(#GET{geocoder}|oui)
69                                                // geocoder si clic...
70                                                $('a#gis_rechercher').css("cursor","pointer").click(function(){
71                                                        var address = {};
72                                                        address.address = $("#champ_gis_adresse").attr("value");
73                                                        geocoder.geocode(address);
74                                                });
75                               
76                                                // ne pas soumettre le formulaire si on presse Entree depuis le champ de recherche
77                                                $('#champ_gis_adresse').keypress(function(e){
78                                                        if (e.which == 13) {
79                                                                $('a#rechercher').trigger("click");
80                                                                return false;
81                                                        }
82                                                });]
83                               
84                                        };
85                               
86                                        $(function(){
87                                                init_map();
88                                                onAjaxLoad(init_map);
89                                        });
90                                       
91                                })(jQuery);
92                                -->
93                                </script>
94                        </li>
95                [(#SAISIE{hidden,id_gis})]
96                [(#GET{geocoder}|oui)
97                <li class="rechercher_adresse">
98                        <label for="champ_adresse"><:gis:label_address:></label>
99                        <input type="text" class="text nomulti" name="champ_gis_adresse" id="champ_gis_adresse" value="" />
100                        <a id="rechercher"><:info_rechercher:></a>
101                </li>]
102                [(#SAISIE{input,lat,
103                        label=<:gis:lat:>,
104                        class=nomulti,
105                        obligatoire=oui})]
106                [(#SAISIE{input,lon,
107                        label=<:gis:lon:>,
108                        class=nomulti,
109                        obligatoire=oui})]
110                [(#SAISIE{input,zoom,
111                        label=<:gis:zoom:>,
112                        size=2,
113                        maxlength=2,
114                        class=nomulti,
115                        obligatoire=oui})]
116                [(#SAISIE{input,gis_titre,
117                        label=<:info_titre:>,
118                        obligatoire=oui})]
119                [(#SAISIE{textarea,gis_descriptif,
120                        label=<:info_descriptif:>,
121                        rows=5})]
122        </ul>
123</fieldset>
124</li>
Note: See TracBrowser for help on using the repository browser.