L'utilisation d'une SVG pour un marqueur dans Google Maps?

je sais que c'est possible d'ajouter svg superpositions de google maps. je me demandais si vous pouvez utiliser les fichiers svg en tant que marqueurs. j'ai essayé de le définir comme un png ou jpg fichier, mais rien ne s'affiche. laissez-moi savoir si je dois poster mon code, mais je pense que je suis probablement en train d'atteindre dans le mauvais sens.

grâce.

personne ne l'a fait avant?
n'importe qui peut aider avec ce...

OriginalL'auteur vee | 2010-10-15

  1. 18

    Sur l'API Google Maps v3, ça fonctionne très bien pour moi avec ce code (qui sont aussi des poignées de redimensionnement):

    var marker = new google.maps.Marker({
  position: new google.maps.LatLng(lat, lng),
  icon: new google.maps.MarkerImage('/path/to/icon.svg',
    null, null, null, new google.maps.Size(64,64)),
  draggable: false,
  map: map
});
    de cette façon, gmaps permettra de créer un <img> tag de toute façon. vous devez utiliser un Symbole ( developers.google.com/maps/documentation/javascript/symbols ) au lieu!
    Si vous rencontrez des problèmes avec la mise en œuvre sur IE11, se pencher sur cette solution pour vous aider à résoudre tous les problèmes: stackoverflow.com/questions/27261346/...
    Juste une remarque: si vous avez de l'animation dans votre fichier svg, vous devez ajouter l'option optimiser, définie sur false

    OriginalL'auteur Yuval Adam

  2. 10

    J'ai eu un problème avec cela, mais j'ai regardé le svg dans un éditeur de code et il manquait un défini la largeur et la hauteur.

    N'a pas de travail

    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    x="0px" y="0px" 
    viewBox="0 0 419.5 595.3" 
    enable-background="new 0 0 419.5 595.3"
    xml:space="preserve">

    A fait un travail

    <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    x="0px" y="0px" 
    width="33px" height="50px" 
    viewBox="0 0 419.5 595.3" 
    enable-background="new 0 0 419.5 595.3" 
    xml:space="preserve">
    Cette collaboration avec Yuval Adam réponse qui marche le mieux... la taille doit être spécifiée explicitement dans le fichier SVG, et la google.maps.Size() définit en fait le réel la taille de l'affichage sur la carte.

    OriginalL'auteur Thomas