New Field Type: Address / Map

[sc0ttkclark]

Supports Google Maps JS / Static maps and Geocoding; Support for Bing later on

PR & Task List #3634

Old:

Task List

• Component
• Custom Field Type
• Admin Options for Component
• Admin Options for Fields
• Input styles for Address field group and Map
• Output functions for address and maps
• UI method for when listed table item list (PodsUI)
• Zip Code field that allows leading zeros (international)

Additional tasks

• Fix integration of the Google Maps API
• Display field options (backend and frontend)
• Make sure code is set for easy integration of possible other map types (OpenStreetMap for example)
• Loads of testing with different configurations and switching between them
• Test with Pods templates and other functions

[pglewis]

http://www.youtube.com/watch?v=E_7j9kl4ZSI
http://www.advancedcustomfields.com/add-ons/google-maps/

[sc0ttkclark]

User searches for an address, that address and it's coordinates are saved in serialized array of data.

[pglewis]

Feature list:

• Geolocation from address (done)
• lat/lng (done)
• Drag/drop marker (done)
• Custom marker icon
• Starting zoom level

Output format: Map Image, or Map JS

Other potential options:
? map type (roadmap, terrain,...)
? sensor support
? marker title
? info window

[pglewis]

Phase II ideas:

• Fusion Table layer integration
• KML layer integration
• directions

[pglewis]

Resource for generating shadows and shape coords for custom icons:

http://powerhut.co.uk/googlemaps/custom_markers.php

[benfavre]

@pglewis not sure how you expect different output types to work and i think it's out of the scope of an input field.
This should probably only return lat long for 1 marker as does ACF

[pglewis]

Supporting both the Google image API and the JS API for the output map is Scott's idea. The plan is, I believe, to have field() return an array with data (lat/lng, address, whatever else) and display() will automagically output a map and marker.

An extra option to specify which API to use for the output when using display() doesn't seem too far out of scope to me, and I'm a fan of options over not. It doesn't stop you from grabbing the lat/lng and doing the map yourself if you prefer.

My question is how fine-grained the option should be? Record level, field level, or global?

[pglewis]

I really want sensor support, too. Displaying a map that can give me one-click directions from my phone? Sexy.

[sc0ttkclark]

Right, we also want an output option to just output the full address

[sc0ttkclark]

This is coming along pretty well, admin options, field type, and component are all good. Need to work on Input and Display.

[sc0ttkclark]

Screenshot of field options:

Screenshot of the new menu item to manage maps settings:

[sc0ttkclark]

More screenshots of latest updates:

[imzeeshan]

Any update on this issue ?

[sc0ttkclark]

This is still on track to be one of our first external components, available on our new site. I'll make an effort to try and get it done as soon as I can, but there are a few other things ahead of it in terms of priority at the moment (namely #109 and #81)

[sc0ttkclark]

There is now a bounty on this issue, the admin UI is done, we just need someone to help us build the input field (for use in the form) and the output. Some of this may already be done based on @pglewis's work, but need someone to bring it home for us!

https://www.bountysource.com/issues/865545-new-field-type-address-map

[JoryHogeveen]

Got the code from @sc0ttkclark compatible and working with the 2.7 branche so time to look at the features etc!

[task list moved to top of summary issue]

[quasel]

Status? Map Field is one of the most asked questions these days ;)

[JoryHogeveen]

Doing as much as I can. It's working but can have a lot of improvements. Plus, it's not integrated in DFV structure yet.
See PR for status

[quasel]

Don't worry - just came up in a bunch of conversations 👍 - any idea about a timeframe? I know Scott is a busy man! ;)

[sc0ttkclark]

Mostly testing I think?

[JoryHogeveen]

See tasklist, more than just testing ;)

[jimtrue]

@JoryHogeveen This is separate from the Address Field in #3634, correct?

[JoryHogeveen]

This is the attached issue. But the todolist is maintained in the PR.

[jimtrue]

Duh, you would think I'd notice that big Pull Request tag at the top huh? Think I got a little confused when I saw two task lists ;) Thanks for the clarification @JoryHogeveen

[quasel]

• ACF Output: The data saved and returned is an array containing the markers lat, lng, and address.
• Toolset: Stores Same data as ACF details - https://wp-types.com/documentation/customizing-sites-using-php/functions/
• MetaBox: Stores Address separate and has a map field that takes the address_field ID as input https://docs.metabox.io/fields/map/#displaying-the-map - Array keys are latitude and longitude ...
• CMB2 no address field

[qrahaman]

Hello,

Just following up on the Slack support discussion. I asked whether or not this field would also auto-generate the location data; such as, city, country, and latitude and longitude. I was told it would which is fantastic.

In my particular case, my users are effectively playing a visual measurement game on their device, mobile or desktop, and upon completion of the game, a post/pod is submitted automatically. The submission contains a whole host of data. I would like their location to be part of that submission (without their having to either input that data or asked for approval to submit location data) since it will be used for filtering their scores by location and used to apply a marker to a global map.

It would be awesome if it could be integrated with FacetWP. Is there a projected delivery date for this field type addition?

[vesna-droid]

It would be cool if there would be a display option of a map with flags for every location entered for some post type or taxonomy or user. To use as a one map showing all the locations of some event or taxonomy of events or locations of users origins.

[JoryHogeveen]

@vesna-droid
While it's not implemented yet and only available through code.
This is my current implementation for a grouped map:
https://github.com/JoryHogeveen/pods-address-maps/blob/master/pods-maps/pods-maps.php#L67-L88

You can pass multiple values into the first parameter (array format) and it will show all of these on one single map.

[vesna-droid]

Excellent. Altough I'm a beginner in php coding and could use an example of passing actual addresses (from meta custom fields of posts or users) as array or even hire someone willing to establish this at our web place... Feel free to send me examples if you have them and willing to share for purpose of my learning...

[1HabD]

Hi,

I use Pods with Elementor and Dynamic.ooo. In order to get the Dynamic-people to support this field, the told me that:

- The PODS integration only allows you to view the map on the backend side. The data that comes to us is just a string, while ACF sends the data of the map object.

So, do you see any opportunity to output the data as an "map object"?

[JoryHogeveen]

Hi @1HabD
This is a feature that isn't done yet so the actual implementation is still to-do.
However, our display options will definitely support formatted outputs as with our other fields.