Skip to main content
adicionou 42 caracteres ao conteúdo
Fonte Link

Existia uma lib JS chamada MarkerWithlabel em que você podia atribuir uma imagem como marcador, e inclusive digitar um texto em cima da imagem. No seu caso, você pode usar qualquer imagem, se rotacionar a imagem desse marcador e atribuir no atributo icon da variável marker.icon (do exemplo abaixo) acho que funciona do jeito que você quer.

Você pode usar essa documentação Não-Oficial para ver

Seu uso, basicamente era:

 var marker = new MarkerWithLabel({
   position: homeLatLng, // usa o 'new google.maps.LatLng()'
   draggable: true,  // true or false
   map: map,   // mapa que vai receber o marcador
   labelContent: "$425K",  // Texto em cima da imagem
   labelAnchor: new google.maps.Point(22, 0),
   labelClass: "labels", // the CSS class for the label
   labelStyle: {opacity: 0.75},
   icon: 'img/markers/marker_patrol.png' // SUBSTITUI A IMAGEM AQUI
 });

Existia uma lib JS chamada MarkerWithlabel em que você podia atribuir uma imagem como marcador, e inclusive digitar um texto em cima da imagem. No seu caso, você pode usar qualquer imagem, se rotacionar a imagem desse marcador e atribuir no marker.icon acho que funciona do jeito que você quer.

Você pode usar essa documentação Não-Oficial para ver

Seu uso, basicamente era:

 var marker = new MarkerWithLabel({
   position: homeLatLng, // usa o 'new google.maps.LatLng()'
   draggable: true,  // true or false
   map: map,   // mapa que vai receber o marcador
   labelContent: "$425K",  // Texto em cima da imagem
   labelAnchor: new google.maps.Point(22, 0),
   labelClass: "labels", // the CSS class for the label
   labelStyle: {opacity: 0.75},
   icon: 'img/markers/marker_patrol.png' // SUBSTITUI A IMAGEM AQUI
 });

Existia uma lib JS chamada MarkerWithlabel em que você podia atribuir uma imagem como marcador, e inclusive digitar um texto em cima da imagem. No seu caso, você pode usar qualquer imagem, se rotacionar a imagem desse marcador e atribuir no atributo icon da variável marker (do exemplo abaixo) acho que funciona do jeito que você quer.

Você pode usar essa documentação Não-Oficial para ver

Seu uso basicamente era:

 var marker = new MarkerWithLabel({
   position: homeLatLng, // usa o 'new google.maps.LatLng()'
   draggable: true,  // true or false
   map: map,   // mapa que vai receber o marcador
   labelContent: "$425K",  // Texto em cima da imagem
   labelAnchor: new google.maps.Point(22, 0),
   labelClass: "labels", // the CSS class for the label
   labelStyle: {opacity: 0.75},
   icon: 'img/markers/marker_patrol.png' // SUBSTITUI A IMAGEM AQUI
 });

Fonte Link

Existia uma lib JS chamada MarkerWithlabel em que você podia atribuir uma imagem como marcador, e inclusive digitar um texto em cima da imagem. No seu caso, você pode usar qualquer imagem, se rotacionar a imagem desse marcador e atribuir no marker.icon acho que funciona do jeito que você quer.

Você pode usar essa documentação Não-Oficial para ver

Seu uso, basicamente era:

 var marker = new MarkerWithLabel({
   position: homeLatLng, // usa o 'new google.maps.LatLng()'
   draggable: true,  // true or false
   map: map,   // mapa que vai receber o marcador
   labelContent: "$425K",  // Texto em cima da imagem
   labelAnchor: new google.maps.Point(22, 0),
   labelClass: "labels", // the CSS class for the label
   labelStyle: {opacity: 0.75},
   icon: 'img/markers/marker_patrol.png' // SUBSTITUI A IMAGEM AQUI
 });