Discussion :

[aritas]

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.

[NoSmoking]

Bonjour,

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

du coup on ne comprend rien au soucis.

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.

[aritas]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[NoSmoking]

je commence à manquer de solution

certres mais nous nous manquons de problème

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.

[aritas]

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)

[aritas]

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.