# Google Maps style issue in Perspective

**URL:** <https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [February 5, 2024, 4:20am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210 "2024-02-05T04:20:36Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [February 5, 2024, 4:20am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/1 "2024-02-05T04:20:36Z")

</div>

Hi,  
I am using google maps component and I had created a project on google cloud.  
I got the JavaScript API key and added into the session props, and I can see the google map.  
now I had created the style on google cloud and got the Map id and added the map id into the google map props but the style which I have provided is not reflecting.  
I am not able to understand what I am doing wrong for integrating style.

\*for information I am using the trial version of google cloud api.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 5, 2024, 9:52am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/2 "2024-02-05T09:52:20Z")

</div>

how are you aplying the maps?  
with layers.rasters.title?

show us (make sure to **hide** the api key, dont share that bit in public :))

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [February 6, 2024, 9:30am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/3 "2024-02-06T09:30:47Z")

</div>

- created Map styles and for testing purpose I had change ocean text color to red.
- created Map ID and linked the Map Id to the particular style I have created.
- Added Map ID to Google map component properties.

When running I can see the Google map with markers which I have added but cant see the styles which I linked.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/a/ca60c5e50e1724b7161c17573e4c75fb4ffbf573.png)

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 6, 2024, 11:20am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/4 "2024-02-06T11:20:26Z")

</div>

> [@Learner\_Ignition](#):
>
> Added Map ID to Google map component properties.

show this in perspective too

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [February 9, 2024, 4:21am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/5 "2024-02-09T04:21:07Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/c/1ce8ad09d541cb0841fa91ada29ce9b3dbf99936.png)

Its difficult to cost of using google api, it says $200 credit free but I see on maps as for development purpose only.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [February 9, 2024, 12:42pm UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/6 "2024-02-09T12:42:45Z")

</div>

> [@Learner\_Ignition](#):
>
> Its difficult to cost of using google api,

Then use the other map component, which can point at open source tiles. Less features, but free.

🤷‍♂️

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [February 12, 2024, 3:26am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/7 "2024-02-12T03:26:05Z")

</div>

Hi,  
Can you provide list of maps which can be integrated with ignition in less cost or free.

Thanks

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 12, 2024, 7:47am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/8 "2024-02-12T07:47:22Z")

</div>

[https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Map](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Map)

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [February 13, 2024, 3:55am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/9 "2024-02-13T03:55:38Z")

</div>

Thanks,  
Did you understand why Maps styles is not reflecting in Google Maps components.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [February 13, 2024, 7:43am UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/10 "2024-02-13T07:43:49Z")

</div>

im not really familiar with it sry

---

<div class="post-metadata">

**Author:** ![simeonw](https://avatars.discourse-cdn.com/v4/letter/s/4da419/32.png) [@simeonw](https://forum.inductiveautomation.com/u/simeonw)\
**Post date:** [August 12, 2024, 9:17pm UTC](https://forum.inductiveautomation.com/t/google-maps-style-issue-in-perspective/85210/11 "2024-08-12T21:17:01Z")

</div>

I found that I had to close and re-open the view in order for the mapId to take effect. Same with the API key (remove the development watermark).
