How to set anchor on marker?

[tylerclark]

Hey there! First off, fantastic product. I was doing all this Google Maps stuff manually and it's been very difficult. That being said, I am almost at the finish line but running into issues as I get into the details.

At first, I wanted to use a custom HTML marker because that's what I had previously (showing users initials), but I'm willing to scrap that in favor of icon (SVG I hope). I have the following icon properties:

{
        path: "m 100 100 m -75 0 a 75 75 0 1 0 150 0 a 75 75 0 1 0 -150 0",
        scale: 0.2,
        fillColor: "#FFF",
        fillOpacity: 1,
      }

This just makes a white circle. However, I notice when zooming in it seems like the circle is moving and that is because the anchor point is not centered. It's at point 0,0. So I'm trying to add that option but it looks like this: new google.maps.Point(75,-75).

I am not able to get into the google.maps object? Is there a workaround or another way to access? Or another way to center the anchor point?

As a bonus, it would be fantastic if I could have a custom HTML marker. I am linking instructions on how I did it before. That would be icing on the cake!

Oh also I am using the options API not composition API!

[tylerclark]

Ok I was able to get some stuff going. I know using Options API vs Composition API is not the cool way but it's the way I've been coding for years. Here is what I did:

export default defineComponent({
  data: function () {
    return {
      googleMap: null,
      }
  },
  watch: {
    googleMap() {
      console.log(this.googleMap); // tada!
    },
  mounted() {
    this.$refs.myMap.$mapPromise.then(() => {
      this.googleMap = window.google;
    });
  },
})

[fawmi]

Hi @tylerclark ,
first of all sorry for the late reply. You already found a solution, but I am posting it to help others coming here in the future.
You can access the values in the resolved promise, the $mapPromise is the google maps object.

Regarding custom HTML marker, it is possible and there have already been feature requests and it is also in the to do list. But I cannot currently give a specific date for that.

I have added an example for it in docs