The Map Search widget allows you to add an interactive map search tool to any page of your website. Functioning just like your IDX Broker Map Search page, the Map Search widget includes pins of listing locations and filters to change search criteria while offering portability as a widget. You can keep it small and add it to a sidebar or make it large enough to fill your entire homepage. To create a Map Search widget, select Design, Widgets, and Legacy. From here, click Create New in the upper-right corner.
Step 1
Choose Map Search from the drop-down menu of available widgets.
Step 2 - Widget Options
Here is where you will customize your Map Search Widget.
Choose a Name for your widget. This name is for your reference only and will not show up on your website. Set the width and height, in pixels, for your widget. You will also see several more default map options that you can customize like price, center point, and map type. You will only choose an MLS if you have more than one MLS attached to your account.
Specify the URL for the page on the website where you are going to display the widget. Make sure you have the correct URL in here to ensure the map search widget functions properly. Your homepage is put in the gray box automatically, so if this Map Search widget is going to be displayed on your homepage, you can leave this box blank.
You can also enable Map Pin Clustering for this map search widget. See this article for more information about Map Pin Clustering.
After you are done customizing your options, select Build Widget. You will be able to edit any of these fields later if you need to make changes.
Step 3 - Widget Code
This last step displays your Map Search widget code. Simply copy the code displayed here, and paste it into the HTML of the webpage where you would like it to appear. There may also be a second snippet of code you will need to add to your header to reference the map provider's library. Copy this portion of code and place it above the map script. The best place for this additional JS code is in the <head> section of the HTML for your website, but if you have not access to that, placing it immediately above the actual map script should work.
NOTE: If you do not know how to access the HTML in your website or are unsure where to place the Map Search widget code within the HTML, please contact your website designer or the support team of the company who is providing you with the tools to edit your website for further assistance.
Note about multiple instances: As with all widgets, if you intend to use this widget in more than one location on your website (for instance both in the sidebar and in the main body) you should create a second widget of the same type for the secondary location. Using the same widget instance more than once on the same page can cause display errors.