Hello,
I’ve included Google Maps in one of my projects, and it’s working fine, but I’m running into a few issues that I’m unable to figure out.
- I’m showing the address of the location using marker-info. How can I style the pop-up display?
- Is there a way to show the organisation’s name? I’ve tried setting marker-title, but it doesn’t seem to work.
- How can I use Google directions with the maps?
- Is there any document to show locations in a radius e.g. 10km or 25km?
Any help would be greatly appreciated!
Here’s the code I’ve got on the page.
<dmx-google-maps class="lazyload" id="organisationLocationMap" scale-control="true" zoom-control="true" streetview-control="true" maptype-control="true" scrollwheel="true" height="700" address="Lambert Gravitational Centre" latitude="-25.6150" longitude="134.4270" dmx-bind:markers="sc_list_organisation_locations_for_map.data.q_organisation_locations" marker-latitude="location_lat" marker-longitude="location_long" zoom="4" marker-id="location_id" marker-info="location_full_address" marker-title="location_name">
<dmx-google-maps-marker id="googleMarkerHome" animation="bounce" address="Lambert Gravitational Centre">
</dmx-google-maps-marker>
</dmx-google-maps>
This is the pop-up display when clicked on a marker.
