Damian Nicholson

Google map api with ym4r

Google Maps app showing New York City area with navigation options, restaurants, and gas stations visible on smartphone in car mount.

In development, the application was working fine. And because the <a href=“http://ym4r.rubyforge.org/”>ym4r plugin</a> has yet to implement the Google maps api version 3, I made sure to include the appropriate api key for the domain in the config.

In production however, the page was failing. Fortunately <a href=“http://hoptoadapp.com”>Hoptoad</a> alerted me of the following error - Ym4r::GmPlugin::AmbiguousGMapsAPIKeyException.

It turns out that ym4r was having difficulty choosing a specific host in my gmaps_api_key.yml file, as I had multiple set up for the various domains the site is hosted on. To rectify this I ended up changing the declaration at the top of my layout file, which loads the google maps api into the page, from

{{< highlight ruby >}} <%= GMap.header %> {{< / highlight >}}

to

{{< highlight ruby >}} <%= GMap.header(:with_vml => false, :host => request.host) %> {{< / highlight >}}

Related posts

TypeScript code editor showing a build app configuration file with Fastify setup and environment variables

Building a blog with Fastify, SQLite, and zero frameworks

✦ 6 min read
Why I built my blog with Fastify, SQLite, and server-rendered templates instead of Next.js and Postgres. The stack, the trade-offs, and why boring tech won.
Tailwind CSS logo with blue wave icon and black text

Tailwind, layoffs, and a familiar open source tension

✦ 3 min read
Tailwind CSS is a huge open source success, but its business model has limits. A look at layoffs, AI, and why adoption does not equal leverage.
1Password on laptop

Using 1Password as Your SSH Agent on macOS

✦ 1 min read
How to configure 1Password to manage SSH keys and prompt you to approve SSH connections on macOS.