Unable to change MapTypeId

[pierregremaud]

Looks like property "mapTypeId" is not working in component GoogleMap

My component template looks like :

        <GoogleMap
            api-key="xxxxxxxxxxxxxxx" 
            style="width: 100%; height: 600px"
            :mapTypeId="terrain"
        >

But the mapTypeId is allways the default ("roadmap")

[JoseGoncalves]

You need to pass the parameters in the hyphenated form. Try:

        <GoogleMap
            api-key="xxxxxxxxxxxxxxx" 
            style="width: 100%; height: 600px"
            :map-type-id="terrain"
        >

[JoseGoncalves]

If terrain is a String instead of a Vue Ref, you need to set it like this:

        <GoogleMap
            api-key="xxxxxxxxxxxxxxx" 
            style="width: 100%; height: 600px"
            map-type-id="terrain"
        >

[pierregremaud]

Yesss !!! Your solution works perfectely for me.

Many thanks for your help and for giving us that great software.

[JoseGoncalves]

@pierregremaud You're welcome but, I did not develop the software, I just use it and made some minor contributions.

[HusamElbashir]

@JoseGoncalves Is a regular contributor to this library and often steps in to answer questions when us maintainers are busy. Much appreciated chief 🙏