Amphtml: amp-maps

Created on 27 Nov 2017  Â·  14Comments  Â·  Source: ampproject/amphtml

similar to vendor-specific video components: provides default placeholder and potentially does additional resource management for embedded maps like Google Maps (needs understanding of what other map embeds might be needed)

/cc @aghassemi

All New Feature Developer Soon DevX Feature Request components

Most helpful comment

I'd like to get in on this too. I've recently implemented Places API with autocomplete on my main website to prompt users with locations when they are entering pick-up location. Unable to implement this on AMP but feel it should be fairly easy. Please!

All 14 comments

Related ( https://github.com/ampproject/amphtml/issues/11985 )
Closing https://github.com/ampproject/amphtml/issues/11985 in favor of this.

We likely need to take the video player approach and do amp-x-map as API and feature set is different across map providers. We could implement a common interface across them if needed similar to video-interface.

Evaluating options for including maps in a travel-related website. Glad to see this is already an open feature request. Following!

Just as a data point - this came up as something folks would be interested in during a Q&A in the AMP Roadshow in Austin

+1 for such a component! Really needed for travel sites.

@dbarcosb and @joshcp — glad to hear this would help! Are you able to share what map providers and features are required for the travel sites you have in mind? I ask because the likely path is to make a separate component for each map provider (e.g. amp-google-maps), and each required feature may need an implementation in the API.

Thanks!

The map we have in mind is from Google Maps. Google Maps Static API is currently used to create the image placeholder and when the user taps on it, the map is created with Google Maps JavaScript API. This option lets us customize maps with our own places of interests and icons. Thanks!

Commenting as @aghassemi redirected my post here. This feature would be great. We currently have a locator running on our website, but obviously that page (link) is not AMP compliant due to the JavaScript required for the multiple markers and search.

I'm working on a custom version, as that one is just a modified WordPress plug-in, to integrate with our ERP systems API. Having something that could accept JSON data similar to how amp-list does for locations would be premium.

+1 for this!

amp-story-page-attachment does not allow for amp-iframes, but it would likely allow for something like this. A big help for my use case!

Has there been any design or implementation work done on this one yet? @aghassemi

@Pateriack this is not prioritized from out end since amp-iframe handles it. I see the point about more restrict formats like amp-story and amp 4 email needing this.

@newmuis thought on priority of supporting maps in amp-story?

I would say this is actually reasonably high priority for us. As announced at AMP Conf, Google is focusing on providing travel stories experiences, which would lead me to reasonably expect a drastic increase in travel stories (which I would expect may want to use maps).

I'd like to get in on this too. I've recently implemented Places API with autocomplete on my main website to prompt users with locations when they are entering pick-up location. Unable to implement this on AMP but feel it should be fairly easy. Please!

@nainar we have a contributor who's interested in contributing this, if we have the product nailed down. Do you think we're in a good place to do this?

@aghassemi

We likely need to take the video player approach and do amp-x-map as API and feature set is different across map providers.

The W3C Maps For HTML Community Group is iterating over use cases and requirements for standardizing maps on the web - while not complete - the draft report lists capabilities (of a potential native map viewer) required for the use cases and which frameworks currently support each capability and to what extent, perhaps you'd find it helpful.

Was this page helpful?
0 / 5 - 0 ratings