07 - Create Adress field to locate Estate and add map
Last modified
Friday, 15 January 2021
This field is a powerfull system to create an autocomplete adress field :
- API place
- Display address
- Display direction link
- Display map
- Display marker
- 2 map provider for display, Googlemap and openstreetmap
And its completly compatible with Flexicontent map module to display multipoint map and dynamique search system !
At first you need API code, Googlemap ApI or Aloglia API (free) for Place api (auto-complet address in backend)
- Create field with Address name
- Select internationnal Address type field
- Assign to your type
- Set country if you want to limit it in backend
Now you need to choose map provider
And you can check how user can set address in backend
- Allow user to edit lat and lon (recommanded to allow user to correct false address)
- Set if address field a simple texte area or X fields
- Choose this if you want to allow user to select marker for address
- Set the root folder where you put icons
- Set size of map in form
In viewing tab you can set how field was display
- Set if Address is display and when
- Choose format of addess
- Display direction button
- Choose when map is displayed
- Chosse type of map (image map is better for performance when you load many map in same page)
- Choose type of displayed map
- Set size of map
- Choose if map is before or after address
- Choose map style via a json code
now your user can easly add address with localisation and custom marker