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

Last change on this file since 4910 was 4910, checked in by kent1, 9 years ago

gis_rechercher pour l'id du lien de recherche

On vérifie à peu près les valeurs

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="gis_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.