# New Map Component - How to? **URL:** \ **Category:** Elements\ **Created:** [November 12, 2025, 9:47pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388 "2025-11-12T21:47:05Z")\ **Posts on this page:** 13\ **Page:** 2
**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\ **Post date:** [November 13, 2025, 5:52pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/21 "2025-11-13T17:52:57Z")
If you log into Google Cloud Console and check the API key credentials, what APIs have you allowed access to? I allowed access to all the Google Maps APIs (It was 31 in total) when I tested last night and it worked. Today I tried to restrict access to all APIs except the Embed API, and then it stopped working, so I guess it relies on some other APIs to show the map on the page. I haven’t gone back to Google Cloud Console to check which APIs I need to allow back, but perhaps that’s what you are encountering? ---
**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\ **Post date:** [November 13, 2025, 7:11pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/22 "2025-11-13T19:11:50Z")
It been many years since I looked at the Google console. But if I remember rightly you need to enter “referrers” somewhere to restrict access to your api key. So its easy enough to restrict the access to your domain like this with 2 referrers : [https://www.mydomain.com/](https://www.mydomain.com) [https://www.mydomain.com/\*](https://www.mydomain.com/*) Then so it works in elements preview, you can first go to elements advanced setting at fix a sever port so it never changes (really not sure it ever does, but to be safe). ![CleanShot 2025-11-13 at 7 .06.14@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/a/f/af842cc09af3723e4ec54209fbb43854c22f0d2c.jpeg) Then preview your home page in elements and copy the url. Enter that url as another 2 referrers in Google console. [http://127.0.0.1:62343](http://127.0.0.1:62343) [http://127.0.0.1:62343/\*](http://127.0.0.1:62343/*) ---
**Author:** ![Doobox](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/doobox/32/32373_2.png) [@Doobox](https://forums.realmacsoftware.com/u/Doobox)\ **Post date:** [November 13, 2025, 7:56pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/23 "2025-11-13T19:56:42Z")
> [@RussOggi255](#): > > So does it read the ‘raw’ data exported from OSM or connect to an OSM server? Connects to an OSM server. Why? Are you concerned about GDPR? ---
**Author:** ![ticknerdesign](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ticknerdesign/32/33805_2.png) [@ticknerdesign](https://forums.realmacsoftware.com/u/ticknerdesign)\ **Post date:** [November 13, 2025, 8:29pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/24 "2025-11-13T20:29:59Z")
Agreed 100%! Trying to use Google Console and attempting to obtain an API key, is not intuitive at all! I gave up after a couple tries as well and decided to wait for 3rd party developers to offer a more simple and easier “map” solution in the future. ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [November 13, 2025, 9:13pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/25 "2025-11-13T21:13:16Z")
I just tried this for the third time. I got so annoyed I deleted my Google account. I don’t need the headache. Look forward to an alternate approach sometime in the future. ---
**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\ **Post date:** [November 14, 2025, 1:34am UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/26 "2025-11-14T01:34:52Z")
Yeah, Google does make it pretty frustrating. 😤 Unfortunately the majority of the Western world uses Google Maps, so it does have its advantages to get a Google Map embedded on your website. One tip that I learned this evening that might be helpful. The two APIs that need to be enabled in your Google Project within Google Cloud Console for the Map component to work are: - Maps JavaScript API - Geocoding API One problem I ran into, when creating a project in Google Cloud Console and enabling the Maps JavaScript API, the Map component would only work if I set coordinates for the location. It wouldn’t work if I tried to set a street address. I found out the Geocoding API is what takes a street address and translates that to coordinates so the Maps JavaScript API can read it. Once I enabled the Geocoding API in my Google Project in the Google Cloud Console, the street address started working too in the Map component, so setting a location with either a street address or the coordinates worked just fine. Will get that added to that docs, along with some screenshots tomorrow. Hopefully that will help. 🙂 ---
**Author:** ![reflex](https://avatars.discourse-cdn.com/v4/letter/r/f05b48/32.png) [@reflex](https://forums.realmacsoftware.com/u/reflex)\ **Post date:** [November 14, 2025, 3:30am UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/27 "2025-11-14T03:30:25Z")
I was going to mention Apple Maps too. Free for reasonable use. As @differentdan mentioned, you need to have an account with them, but that’s not hard. I signed up for a map key about 6 months ago, but haven’t got around to using it on a site yet. Willing to offer assistance to anyone where I can. ---
**Author:** ![infomatique](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/infomatique/32/5463_2.png) [@infomatique](https://forums.realmacsoftware.com/u/infomatique)\ **Post date:** [November 14, 2025, 3:33am UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/28 "2025-11-14T03:33:08Z")
I had to stop using Google Maps as they started billing me … the made some changes a few months ago and I could not determine how the charges were calculated so I stopped using API. My experience might be unique ---
**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\ **Post date:** [November 14, 2025, 5:07am UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/29 "2025-11-14T05:07:16Z")
This is what turned me off of Google when they asked for a credit card number to get a key. The only way I could remove my credit card number was to close my account. They claimed the credit card was needed for verification purposes. Yeah, right! ---
**Author:** ![differentdan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/differentdan/32/33530_2.png) [@differentdan](https://forums.realmacsoftware.com/u/differentdan)\ **Post date:** [November 14, 2025, 3:26pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/31 "2025-11-14T15:26:19Z")
Ok updated the docs with a couple screenshots. > **[Map | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/components/map)** > > Add a google map to your website. It’s hard to write a doc for this because there are multiple ways to do the same thing in Google Console, so people might come at it from a different path and get lost since the doc doesn’t match exactly what they are seeing. Anyway if anybody has any troubles let us know and we can help out. 🙂 ---
**Author:** ![RussOggi255](https://avatars.discourse-cdn.com/v4/letter/r/ee7513/32.png) [@RussOggi255](https://forums.realmacsoftware.com/u/RussOggi255)\ **Post date:** [November 14, 2025, 4:01pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/32 "2025-11-14T16:01:43Z")
No but from memory OMS don’t like you using their servers as far as I know so it needs a server, unless I am missing something? ---
**Author:** ![Al\_Heron](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/al_heron/32/26070_2.png) [@Al\_Heron](https://forums.realmacsoftware.com/u/Al_Heron)\ **Post date:** [November 15, 2025, 9:22am UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/33 "2025-11-15T09:22:58Z")
I’m interested to hear how you get on Ray, I won’t be using Google Maps for most of the reasons listed here so would like to know more about Apple Maps integration 🙂 ---
**Author:** ![cjk](https://avatars.discourse-cdn.com/v4/letter/c/eb9ed0/32.png) [@cjk](https://forums.realmacsoftware.com/u/cjk)\ **Post date:** [November 28, 2025, 3:55pm UTC](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388/34 "2025-11-28T15:55:28Z")
When I remove the restriction then I could view the map when previewing from Elements [Previous page](https://forums.realmacsoftware.com/t/new-map-component-how-to/52388.md?page=1)