Installing Toolset Maps and Adding Address Fields en WordPress

To start displaying Google or Azure maps on your website, you first need to install and set up the Toolset Maps plugin. You can then add an Address custom field to your content.

Duración 1:55

LnRiLWNvbnRhaW5lciAudGItY29udGFpbmVyLWlubmVye3dpZHRoOjEwMCU7bWFyZ2luOjAgYXV0b30udGItY29udGFpbmVyIC50Yi1jb250YWluZXItaW5uZXJ7d2lkdGg6MTAwJTttYXJnaW46MCBhdXRvfSAud3AtYmxvY2stdG9vbHNldC1ibG9ja3MtY29udGFpbmVyLnRiLWNvbnRhaW5lcltkYXRhLXRvb2xzZXQtYmxvY2tzLWNvbnRhaW5lcj0iMWRlYzI2ZDU3YzFkYmVlMmUwYTA4ZWEyZDM0OWNhYWMiXSB7IHBhZGRpbmc6IDUwcHggMHB4IDBweCAwcHg7Ym9yZGVyLXRvcDogMXB4IHNvbGlkIHJnYmEoIDIyMSwgMjIxLCAyMjEsIDEgKTsgfSBoMi50Yi1oZWFkaW5nW2RhdGEtdG9vbHNldC1ibG9ja3MtaGVhZGluZz0iYmQ2NzA2OTQ0MGNjNjJlOGZkYjY2YjFiOTJlYzZmZjgiXSAgeyBtYXJnaW4tdG9wOiAwcHg7IH0gaDIudGItaGVhZGluZ1tkYXRhLXRvb2xzZXQtYmxvY2tzLWhlYWRpbmc9ImJkNjcwNjk0NDBjYzYyZThmZGI2NmIxYjkyZWM2ZmY4Il0gYSAgeyB0ZXh0LWRlY29yYXRpb246IG5vbmU7IH0gIC50Yi1jb250YWluZXIgLnRiLWNvbnRhaW5lci1pbm5lcnt3aWR0aDoxMDAlO21hcmdpbjowIGF1dG99IC53cC1ibG9jay10b29sc2V0LWJsb2Nrcy1jb250YWluZXIudGItY29udGFpbmVyW2RhdGEtdG9vbHNldC1ibG9ja3MtY29udGFpbmVyPSIyYzE4ODUyMTliOTdjOTU2MjU1YTRlOTBhN2RmNmI1NiJdIHsgcGFkZGluZzogMHB4IDBweCA1MHB4IDBweDttYXJnaW4tdG9wOiA1MHB4OyB9IEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogOTkxcHgpIHsgLnRiLWNvbnRhaW5lciAudGItY29udGFpbmVyLWlubmVye3dpZHRoOjEwMCU7bWFyZ2luOjAgYXV0b30gLndwLWJsb2NrLXRvb2xzZXQtYmxvY2tzLWNvbnRhaW5lci50Yi1jb250YWluZXJbZGF0YS10b29sc2V0LWJsb2Nrcy1jb250YWluZXI9IjEwMGMzZTAyMTFlZWI2NWM0ZmRkYzk4ZDFjODAwNTc4Il0gPiAudGItY29udGFpbmVyLWlubmVyIHsgbWF4LXdpZHRoOiA5NSU7IH0gLnRiLWNvbnRhaW5lciAudGItY29udGFpbmVyLWlubmVye3dpZHRoOjEwMCU7bWFyZ2luOjAgYXV0b31oMi50Yi1oZWFkaW5nW2RhdGEtdG9vbHNldC1ibG9ja3MtaGVhZGluZz0iYmQ2NzA2OTQ0MGNjNjJlOGZkYjY2YjFiOTJlYzZmZjgiXSBhICB7IHRleHQtZGVjb3JhdGlvbjogbm9uZTsgfSAgLnRiLWNvbnRhaW5lciAudGItY29udGFpbmVyLWlubmVye3dpZHRoOjEwMCU7bWFyZ2luOjAgYXV0b30gfSBAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU5OXB4KSB7IC50Yi1jb250YWluZXIgLnRiLWNvbnRhaW5lci1pbm5lcnt3aWR0aDoxMDAlO21hcmdpbjowIGF1dG99IC53cC1ibG9jay10b29sc2V0LWJsb2Nrcy1jb250YWluZXIudGItY29udGFpbmVyW2RhdGEtdG9vbHNldC1ibG9ja3MtY29udGFpbmVyPSIxMDBjM2UwMjExZWViNjVjNGZkZGM5OGQxYzgwMDU3OCJdID4gLnRiLWNvbnRhaW5lci1pbm5lciB7IG1heC13aWR0aDogMTAwJTsgfSAudGItY29udGFpbmVyIC50Yi1jb250YWluZXItaW5uZXJ7d2lkdGg6MTAwJTttYXJnaW46MCBhdXRvfWgyLnRiLWhlYWRpbmdbZGF0YS10b29sc2V0LWJsb2Nrcy1oZWFkaW5nPSJiZDY3MDY5NDQwY2M2MmU4ZmRiNjZiMWI5MmVjNmZmOCJdIGEgIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9ICAudGItY29udGFpbmVyIC50Yi1jb250YWluZXItaW5uZXJ7d2lkdGg6MTAwJTttYXJnaW46MCBhdXRvfSB9IA==

Follow these steps

Install Toolset Maps

Make sure the Toolset Types plugin is installed and registered on your site.
In the WordPress admin, go to the Plugins → Add New page and click the Commercial tab.
In the list of Toolset plugins select Toolset Maps, check the Activate after download option and click the Download button.

Alternatively, you can download the Toolset Maps plugin from your Toolset account page and manually upload it to your site.

Add a map API key

To display Google or Azure maps, you must first configure an API key with their service.
Once you have the API key, go to the Toolset → Settings page and click the Maps tab.
Use the API to use section to select the maps service.
Use the Google Map API key or Microsoft Azure Maps API key section to enter the key you configured in the first step.

Add a custom Address field to your content

After installing and configuring Toolset Maps, you can add an Address field to any post type.

Create a group of custom fields or edit an existing one.
Click the Add New Field button and select to insert an Address field.
In the dialog that appears, enter the name and other options for the Address field.

The address field will now appear when editing posts of that post type.

Ir al paso siguiente