Home / Questions / 32274
Accepted
Luis Alberto Aguilera Clarke
Asked: 2020-11-08 05:59:45 +0800 CST 2020-11-08 05:59:45 +0800 CST

How to make bubbles dynamic in size in google maps

  • 772

I need to create bookmarks with dynamic sizes in the form of bubbles. I've searched for libraries and tutorials but can't find a solution.

enter image description here

I need something like that image. Thanks for the help !

javascript

1 Answers

  1. Best Answer

    In the Google guide you have enough information to do it.

    You can dynamically modify for each marker its image to modify sizes for each location:

    var image = {
  url: "URL a una imagen PNG semitransparente de la burbuja",
  size: new google.maps.Size(70, 70), //Utiliza el tamaño que quieras, puedes hacerlo dinámico usando variables
  origin: new google.maps.Point(0, 0), //Tendrás que jugar un poco con esto para que quede el punto en el centro de la burbuja, también de modo dinámico
  anchor: new google.maps.Point(17, 34),
  scaledSize: new google.maps.Size(25, 25) // puedes utilizar esto en vez del size, pero puede que pierdas calidad en la burbuja
};

    You could also use the Drawing tools , but it might be more complex than the previous option.

    • 2