We have a feature called "Locally Markup". This makes it easy for you to have elements on your product page reflect the data that is being shown in the Product Locator. For example, if you add a class name to an element on your page, like this:
Find our products in <span class="lcly-city-name">your city</span>!
When the Product Locator loads it will overwrite the contents of that element. The final result would make your element render like this:
Find our products in <span class="lcly-city-name">Austin, TX</span>!
This can be a useful way to create a custom header or trigger for the Locally Product Locator display.