468 |
mathias |
1 |
<?php
|
|
|
2 |
/*vim: set expandtab tabstop=4 shiftwidth=4: */
|
|
|
3 |
// +------------------------------------------------------------------------------------------------------+
|
|
|
4 |
// | PHP version 4.1 |
|
|
|
5 |
// +------------------------------------------------------------------------------------------------------+
|
|
|
6 |
// | Copyright (C) 2004 Tela Botanica (accueil@tela-botanica.org) |
|
|
|
7 |
// +------------------------------------------------------------------------------------------------------+
|
|
|
8 |
// | This library is free software; you can redistribute it and/or |
|
|
|
9 |
// | modify it under the terms of the GNU Lesser General Public |
|
|
|
10 |
// | License as published by the Free Software Foundation; either |
|
|
|
11 |
// | version 2.1 of the License, or (at your option) any later version. |
|
|
|
12 |
// | |
|
|
|
13 |
// | This library is distributed in the hope that it will be useful, |
|
|
|
14 |
// | but WITHOUT ANY WARRANTY; without even the implied warranty of |
|
|
|
15 |
// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU |
|
|
|
16 |
// | Lesser General Public License for more details. |
|
|
|
17 |
// | |
|
|
|
18 |
// | You should have received a copy of the GNU Lesser General Public |
|
|
|
19 |
// | License along with this library; if not, write to the Free Software |
|
|
|
20 |
// | Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA |
|
|
|
21 |
// +------------------------------------------------------------------------------------------------------+
|
|
|
22 |
// CVS : $Id: bazar.fonct.google.php,v 1.1 2007-06-04 15:24:00 alexandre_tb Exp $
|
|
|
23 |
/**
|
|
|
24 |
* Formulaire
|
|
|
25 |
*
|
|
|
26 |
* Les fonctions et script specifique a un carto google
|
|
|
27 |
*
|
|
|
28 |
*@package bazar
|
|
|
29 |
//Auteur original :
|
|
|
30 |
*@author Aleandre GRANIER <alexandre@tela-botanica.org>
|
|
|
31 |
*@copyright Tela-Botanica 2000-2007
|
|
|
32 |
*@version $Revision: 1.1 $
|
|
|
33 |
// +------------------------------------------------------------------------------------------------------+
|
|
|
34 |
*/
|
|
|
35 |
|
|
|
36 |
$script = '
|
|
|
37 |
// Variables globales
|
|
|
38 |
var map = null;
|
|
|
39 |
var geocoder = null;
|
|
|
40 |
var marker = null;
|
|
|
41 |
var flat = null;
|
|
|
42 |
var flon = null;
|
|
|
43 |
|
|
|
44 |
// cette fonction peut d�j� �tre pr�sente
|
|
|
45 |
// fonction portable pour ajout de listeners
|
|
|
46 |
function addListener(element, baseName, handler)
|
|
|
47 |
{
|
|
|
48 |
if (element.addEventListener) {
|
|
|
49 |
element.addEventListener(baseName, handler, false) ;
|
|
|
50 |
} else if (element.attachEvent) {
|
|
|
51 |
element.attachEvent(\'on\'+baseName, handler) ;
|
|
|
52 |
}
|
|
|
53 |
}
|
|
|
54 |
addListener(window,\'load\',loadMap) ;
|
|
|
55 |
function loadMap() {
|
|
|
56 |
flat = document.getElementById("latitude");
|
|
|
57 |
flon = document.getElementById("longitude");
|
|
|
58 |
|
|
|
59 |
var optionsGoogleMapsv3 = {
|
|
|
60 |
// On centre la carte sur le languedoc roussillon
|
|
|
61 |
center: new google.maps.LatLng(43.84245116699036, 3.768310546875),
|
|
|
62 |
zoom: 7,
|
479 |
mathias |
63 |
mapTypeId: "OSM",
|
|
|
64 |
mapTypeControlOptions: {
|
|
|
65 |
mapTypeIds: ["OSM",
|
|
|
66 |
google.maps.MapTypeId.ROADMAP,
|
|
|
67 |
google.maps.MapTypeId.HYBRID,
|
|
|
68 |
google.maps.MapTypeId.SATELLITE,
|
|
|
69 |
google.maps.MapTypeId.TERRAIN]
|
|
|
70 |
},
|
468 |
mathias |
71 |
mapTypeControl: true,
|
|
|
72 |
scaleControl: true
|
|
|
73 |
};
|
|
|
74 |
map = new google.maps.Map(document.getElementById("map"), optionsGoogleMapsv3);
|
479 |
mathias |
75 |
map.mapTypes.set("OSM", new google.maps.ImageMapType({
|
|
|
76 |
getTileUrl: function(coord, zoom) {
|
|
|
77 |
return "http://osm.tela-botanica.org/tile/" + // cache de tuiles avec nginx
|
|
|
78 |
zoom + "/" + coord.x + "/" + coord.y + ".png";
|
|
|
79 |
},
|
|
|
80 |
tileSize: new google.maps.Size(256, 256),
|
|
|
81 |
isPng: true,
|
|
|
82 |
alt: "OpenStreetMap",
|
|
|
83 |
name: "OSM",
|
|
|
84 |
maxZoom: 19
|
|
|
85 |
}));
|
468 |
mathias |
86 |
|
490 |
mathias |
87 |
var mention = \'<div id="origine-donnees">Tuiles : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a><br/>\';
|
|
|
88 |
mention += \'Carte : <a href="http://www.openstreetmap.org/copyright" target="_blank">© les contributeurs d\\\'OpenStreetMap</a></div>\';
|
|
|
89 |
$("#map").append(mention);
|
|
|
90 |
|
|
|
91 |
// ecouteur sur changement de fond
|
|
|
92 |
google.maps.event.addListener( map, \'maptypeid_changed\', function() {
|
|
|
93 |
if (map.getMapTypeId() == "OSM") {
|
|
|
94 |
$("#origine-donnees").show();
|
|
|
95 |
} else {
|
|
|
96 |
$("#origine-donnees").hide();
|
|
|
97 |
}
|
|
|
98 |
});
|
|
|
99 |
|
468 |
mathias |
100 |
google.maps.event.addListener(map, "click", function(event) {
|
|
|
101 |
if (marker != null) {
|
|
|
102 |
marker.setMap(null);
|
|
|
103 |
marker = null;
|
|
|
104 |
}
|
|
|
105 |
// On ajoute un marqueur a l endroit du clic et on place les coordonnees dans les champs latitude et longitude
|
|
|
106 |
marker = event.overlay;
|
|
|
107 |
marker = new google.maps.Marker({
|
|
|
108 |
position: event.latLng,
|
|
|
109 |
draggable: true,
|
|
|
110 |
map: map
|
|
|
111 |
});
|
|
|
112 |
google.maps.event.addListener(marker, "dragend", function () {
|
|
|
113 |
coordMarker = marker.getPosition() ;
|
|
|
114 |
flat.value = coordMarker.lat();
|
|
|
115 |
flon.value = coordMarker.lng();
|
|
|
116 |
});
|
|
|
117 |
setLatLonForm(marker);
|
|
|
118 |
});';
|
|
|
119 |
if ($formtemplate->getElementValue ('latitude') != '' && $formtemplate->getElementValue('longitude') != '') {
|
|
|
120 |
$script .= '
|
|
|
121 |
point = new google.maps.LatLng('.$formtemplate->getElementValue('latitude').', '.$formtemplate->getElementValue('longitude').');
|
|
|
122 |
marker = new google.maps.Marker({
|
|
|
123 |
position: point,
|
|
|
124 |
draggable: true,
|
|
|
125 |
map: map
|
|
|
126 |
});
|
|
|
127 |
google.maps.event.addListener(marker, "dragend", function () {
|
|
|
128 |
coordMarker = marker.getPosition() ;
|
|
|
129 |
flat.value = coordMarker.lat();
|
|
|
130 |
flon.value = coordMarker.lng();
|
|
|
131 |
});
|
|
|
132 |
map.setCenter(point);
|
|
|
133 |
' ;
|
|
|
134 |
}
|
|
|
135 |
$script .= 'geocoder = new google.maps.Geocoder();
|
|
|
136 |
};
|
|
|
137 |
function showAddress() {
|
479 |
mathias |
138 |
var adresse = document.getElementById("bf_adresse").value;
|
|
|
139 |
if (adresse == "") {
|
|
|
140 |
return false;
|
|
|
141 |
}
|
|
|
142 |
var ville = "";
|
|
|
143 |
if (document.getElementById("bf_ville")) {
|
|
|
144 |
ville = document.getElementById("bf_ville").value ;
|
|
|
145 |
}
|
|
|
146 |
var cp = document.getElementById("bf_cp_lieu_evenement").value ;
|
|
|
147 |
var pays;
|
|
|
148 |
if (document.getElementById("liste30")) {
|
|
|
149 |
var selectIndex = document.getElementById("liste30").selectedIndex;
|
|
|
150 |
pays = document.getElementById("liste30").options[selectIndex].text ;
|
|
|
151 |
} else {
|
|
|
152 |
pays = document.getElementById("bf_pays").value;
|
|
|
153 |
}
|
|
|
154 |
var address = adresse + \' \' + \' \' + cp + \' \' + ville + \' \' +pays ;
|
|
|
155 |
if (address && geocoder) {
|
|
|
156 |
geocoder.geocode({
|
|
|
157 |
address: address
|
|
|
158 |
}, function(result, status) {
|
|
|
159 |
if (status != google.maps.GeocoderStatus.OK) {
|
|
|
160 |
alert(address + " not found");
|
|
|
161 |
} else {
|
|
|
162 |
map.fitBounds(result[0].geometry.viewport);
|
|
|
163 |
marker = new google.maps.Marker({
|
|
|
164 |
position: result[0].geometry.location,
|
|
|
165 |
draggable: true,
|
|
|
166 |
map: map
|
|
|
167 |
});
|
|
|
168 |
google.maps.event.addListener(marker, "dragend", function () {
|
|
|
169 |
coordMarker = marker.getPosition() ;
|
|
|
170 |
flat.value = coordMarker.lat();
|
|
|
171 |
flon.value = coordMarker.lng();
|
|
|
172 |
});
|
|
|
173 |
setLatLonForm(marker);
|
|
|
174 |
//marker.openInfoWindowHtml(address+ "'.BAZ_GOOGLE_MSG.'");
|
|
|
175 |
}
|
|
|
176 |
});
|
|
|
177 |
}
|
|
|
178 |
}
|
468 |
mathias |
179 |
function setLatLonForm(marker) {
|
|
|
180 |
coordMarker = marker.getPosition() ;
|
|
|
181 |
flat.value = coordMarker.lat();
|
|
|
182 |
flon.value = coordMarker.lng();
|
|
|
183 |
}
|
|
|
184 |
';
|
|
|
185 |
|
|
|
186 |
|
|
|
187 |
|
|
|
188 |
/*
|
|
|
189 |
* +--Fin du code ----------------------------------------------------------------------------------------+
|
|
|
190 |
*
|
|
|
191 |
* $Log: not supported by cvs2svn $
|
|
|
192 |
* +-- Fin du code ----------------------------------------------------------------------------------------+
|
|
|
193 |
*/
|