Je veux avoir un curseur personnalisé tout en bouclant sur la composante Google Map sur la page. J'aimerais pouvoir modifier de manière programmable le curseur à l'image personnalisée, puis le repasse sur le curseur par défaut.
Je pense que c'est ainsi que vous définissez le curseur par défaut sur votre objet "carte" après quelques recherches et expérimentations, j'ai trouvé la meilleure façon de faire ceci était aussi suit: dans CSS, seule WebKit prend en charge une valeur d'URL pour l'attribut du curseur, de sorte que d'autres navigateurs obtiennent la valeur du "Crosshair" dans ce cas qui résolvait mon problème de besoin Pour informer les utilisateurs dont ils ont besoin de cliquer sur la carte. Pour plus d'informations sur l'attribut DragGablecursor, veuillez consulter la documentation de Google Maps API V3 ici: http://code.google.com/apis/maps/documentation/javascript/reference.html#mapoption Espérons que cela aide une personne qui a des difficultés à définir un curseur personnalisé sur une carte Google.
3 Réponses :
sur Mac Cela fonctionne parfaitement sur chrome, safari et firefox.
J'utilise simplement ceci: ps: j'ai lu quelque part que vous avez besoin de votre image pour être moins de 64x64 sur certains navigateurs. Ne jamais avoir à essayer, mais peut-être que votre problème vient de cela.
Oui c'est la même solution que j'ai postée. Mon problème était avec la mise en place du curseur par défaut par la suite. Après des recherches supplémentaires, j'ai constaté que pour changer le curseur à la valeur par défaut, vous devez utiliser la même image de curseur personnalisée Google utilise: map.setoptions ({draggableCursor: 'URL (http://maps.google.com / MapFiles / Openhand.cu R), Déplacer '})
Lorsque j'appelle cela, j'obtiens une erreur d'erreur 'Type non caputique Erreur: Impossible d'appeler la méthode' Setoptions 'de NULL.
Pour revenir au curseur par défaut, vous pouvez attribuer une variable de curseur indéfinie à une variable de curseur glacible:
map.setOptions({draggableCursor: undefined})
Pour ceux qui cherchent à définir SVG comme DraggAblecursor. La solution américaine ci-dessous.
map.setOptions({ draggableCursor : "url(PATH_TO_YOUR_SVG.svg), pointer" });