Contrôle de la map via une div

Bonjour,

Je travaille sur la customization d'une google map pour un site web. J'ai réussi à obtenir ce que je souhaitais grâce à l'API et au site de customization.

Actuellement, il est possible de scroller sur ma map pour se rapprocher ou prendre de la hauteur. J'aimerais savoir s'il était possible de faire de même sur la div (qui contient un formulaire) et qui ai placé au dessus de ma map ?

Voici un aperçu de ma map (le formulaire est à droite) :
http://img11.hostingpics.net/pics/266399tmp.png

Ps : J'ai du pixeliser la map pour des raisons de sécurité.

Merci par avance,

Edit : Je précise que lorsqu'on Scroll avec la molette de la souris, cela se répercute sur la map et non sur la div.

Bonjour,

Citation:

---

Ps : J'ai du pixeliser la map pour des raisons de sécurité.

---

du coup on ne comprend rien au soucis.

Citation:

---

Je précise que lorsqu'on Scroll avec la molette de la souris, cela se répercute sur la map et non sur la div.

---

je tentes une réponse, la MAP c'est la MAP, ton formulaire c'est ton formulaire, pas de liaison entre les 2, ce que tu peux néanmoins faire c'est lorsque tu zoomes la MAP, récupérer l'événement 'zoom_changed' et faire les modifications sur ton formulaire.

J'ai eu une réponse sur stakoverflow mais ça solution ne fonctionne pas (pour le moment..)

http://stackoverflow.com/questions/1...croll-on-a-div

Edit : J'ai rajouté comme demandé

Code:

---

1 2	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.js"></script>

---

toujours pas de résultat de la map, je commence à manquer de solution...

Citation:

---

je commence à manquer de solution

---

certres mais nous nous manquons de problème :lol:

Le "mousewhell" zoom/dézoom la carte, donc inutile de le gérer à travers un conteneur,... oui et après, que veux tu faire avec ta <div>...ou inversement.

Je ne comprends donc toujours pas ton soucis et ce que tu tentes de faire.

Je vais tenter d'être plus claire alors.

Je cherche à étendre le comportement de ma google map sur mon formulaire au niveau des zooms. A l'heure actuelle, ma map occupe une zone (width :100% ; height : 400px; ).

J'ai un formulaire qui est placé au dessus de la partie droite de la map avec un effet de transparence. (position: absolute; z-index: 100; opacity: 0.7; )

Objectif : Lorsqu'on la souris se trouve dans la zone de mon formulaire et que je scroll, celà doit se répercuter sur ma map. (zoom/dézoom)

La solution fonctionne. (voir post #2)

Comment empêcher le comportement normal d'un scroll ?

EDIT : overflow-x: hidden; ne fonctionne pas.
Je vais chercher du côté JS.

Enfin on comprend ce que tu essaies de faire.

Sur la DIV il te faut effectivement "capturer" l'événement mousewhell et modifier le zoom de la carte suivant le cas, visiblement c'est ce que tu arrives à faire fonctionner donc très bien on passe.

Citation:

---

Comment empêcher le comportement normal d'un scroll ?

---

sur la map ou sur la DIV?

Là 2 solutions:
- sur la map :fleche: google.maps.MapOptions object specification, c'est l'option scrollwheel.
- sur la DIV il te faut regarder du coté de event.preventDefault().

Si tu as opté pour l’utilisation de jQuery, la documentation est bien faite.

Citation:

---

EDIT : overflow-x: hidden; ne fonctionne pas.
Je vais chercher du côté JS.

---

je ne vois pas bien le rapport mais je ferais plutôt une recherche du coté du CSS ;)

Code:

---

event.preventDefault();

---

Nickel! Ça résoud bien mon problème de scroll non voulu ;)

Merci :ccool: