We have problems using NewMapComponent, Marker click Function don't works when Google MapEngine is selected. With Openlayers MapEngine works fine. Example attached: <ul><li>Simple map with a Marker, when clicked an alert pops up with marker's name. (openStreetMap).</li><li>Change Map Engine to Google, (put a valid API key) and try again .... </li></ul> <a data-tag-text="Pentaho" data-sign="#" class="user-content-hashtag" href="https://hitachi.connectedcommunity.org/search?s=tags%3A%22Pentaho%22&executesearch=true" data-tag-key="70b4436b-4549-4ce3-aa64-4566c7b665c9">#Pentaho</a> <a data-tag-text="Ctools" data-sign="#" class="user-content-hashtag" href="https://hitachi.connectedcommunity.org/search?s=tags%3A%22Ctools%22&executesearch=true" data-tag-key="2e7baf93-987a-4c6c-9b00-84a35a063582">#Ctools</a>

Pentaho

View Only

David Martinez posted 04-10-2018 08:46

We have problems using NewMapComponent, Marker click Function don't works when Google MapEngine is selected. With Openlayers MapEngine works fine.

Example attached:

Simple map with a Marker, when clicked an alert pops up with marker's name. (openStreetMap).
Change Map Engine to Google, (put a valid API key) and try again ....

#Pentaho
#Ctools

Attachment View in library

CDE NewMapComponent - Google Marker onClick event 3 KB

David Martinez posted 04-13-2018 11:30

Self awnser:

Finally, we maked it with an, I dont want to say "ugly" but "not pretty" workaround.

Set the map's operation mode as "just the map", and create markers in JS:

code

var marker = new google.maps.Marker({

position: new google.maps.LatLng(latitude,longitude),

map: CDEmap,

title: "Marker title"

});

marker.addListener('click', CDE_markerClickFunction);

latitude, longitude, CDEmap and CDE_markerClickFuncion are custom JS variables that have to be initialized.

Data Conversion posted 08-14-2019 20:16

Attachment View in library

GoogleMarkerOnClick.zip 3 KB