Geolocation field is not displayed in 'default content' template..

[bobdenotter]

Geolocation field is not displayed in 'default content' template..

[edanao]

experiencing the same issue. i tried adding it into a template or creating a new contenttype but with no luck. any solution?

thanks!

[SahAssar]

@edanao I'm pretty sure your problem is that you haven't set the google_api_key in your config.yml (if the field is showing, but not working.). If the field is just not showing at all perhaps you could open a new issue, as this one was about it not showing on the frontend and was solved four years ago.

[edanao]

thanks for the quick reply @SahAssar !
Yes the field is showing properly when creating the page after I added the google api key but it is not showing in the output page.

[SahAssar]

@edanao Ah, in that case you probably want to look at https://docs.bolt.cm/3.0/templates/record-and-records#geolocation which describes how to use the field. :)

[edanao]

thank you so much @SahAssar !
I just started Bolt 2 days ago.

Now my problem is that the page does not return any geolocation.

I created a new page and used a custom template to add the geolocation field. In the template twig, i added tags for the map display.

<h1>{{ record.title }}</h1> <div> <img src="http://maps.googleapis.com/maps/api/staticmap?center={{ page.geolocation.latitude }},{{ page.geolocation.longitude }}&zoom=14&size=617x300&sensor=false&markers={{ page.geolocation.latitude }},{{ page.geolocation.longitude }}&key=AIzaSyCFho-vawlTpR2CfswI1GKx3JoPX6Tmulk"> </div> {{ fields() }}

It doesn't return any geolocation from the page object. :(

Again, thank you for your help!

[SahAssar]

If the geolocation field is in templatefields then you need to use page.templatefields.geolocation to access it, so the full snippet would be <h1>{{ record.title }}</h1> <div> <img src="http://maps.googleapis.com/maps/api/staticmap?center={{ page.templatefields.geolocation.latitude }},{{ page.templatefields.geolocation.longitude }}&zoom=14&size=617x300&sensor=false&markers={{ page.templatefields.geolocation.latitude }},{{ page.templatefields.geolocation.longitude }}&key=AIzaSyCFho-vawlTpR2CfswI1GKx3JoPX6Tmulk"> </div> {{ fields() }}

Lemme know if it doesn't work out for you!

[edanao]

thank you @SahAssar ! it works! 👍 💯