So I am having an issue where a user trying to click on a marker created by RichMarker will fire off the event of clicking on the marker BUT also right after fire off an event of clicking on the map.

I fixed the issue for desktop user thanks to this answer here:

RichMarker for Google Maps v3 - Click falls through marker

But adding the e.stopPropagation(); to the click event in RichMarker is not working on iOS devices. I am still running into the problem of a user clicking through the RichMarker and firing off a click event on the map.

Anyone have any suggestions or know why this would only happen on mobile? The marker click event is being triggered but the stopPropogation is not preventing the map click event from firing right after.

Thanks!

Super excited to see the project on Github! Hard to find so you all may want to link to this repo from google-maps-utility-library (if you haven't done so already)!

I'm going to reference the repo directly with my bower.json file but it'd be nice to have a reliable release/tagging system for future contributions/pull requests! I'm happy to make pull requests as well.

Thanks again for the move.
Conor

I have added a custom marker in my map using this library. Issue is, it shows proper position only on max zoom not on zoom: 12

Check here

Try to zoom in-out. It's not pointing proper location.

After updating to Google maps v3.exp (to be released as v3.32), clicking on the marker no longer trigger the click event on Android (tested on Chrome for Android and Firefox for Android). No such issue on desktop browsers. Reverting back to Google maps v3.31 then click starts working again.
Can someone please shed some light on what changes are needed to make it work with v3.exp?

Hi , I am trying to combine Rich marker with OverlappingMarkerSpiderFier (https://github.com/jawj/OverlappingMarkerSpiderfier)

Here is my code :

	var marker = new RichMarker({
		position: position,
	map: map,
		flat: true,
		title: array[i].company_name,
		shape: shape,
		content:'<div class="search-map-marker-background">'+
		'<p class="search-map-marker-number">' + array[i].pros.length + '</p>'+
		'<img  class="search-map-company-logo" alt="' + array[i].company_name + '" src="' + array[i].logo + '"></div>'
	});

	oms.addMarker(marker);

Its working, but at some point the markers are disapearing, have anyone found a solution to implement both libraries ?

Tried to do a changing content if mouse moved over marker.

So this variant work well:

google.maps.event.addListener m, 'mouseover', (e) =>
  m.setContent 'test 1'

google.maps.event.addListener m, 'mouseout', (e) =>
  m.setContent 'test 2'

and while mouse over marker marker content is test 1, but when mouse out of marker content is test 2

This one also work:

google.maps.event.addListener m, 'mouseover', (e) =>
  m.setContent '<span>test 1</span>'

google.maps.event.addListener m, 'mouseout', (e) =>
  m.setContent '<span>test 2</span>'

But in this case:

google.maps.event.addListener m, 'mouseover', (e) =>
  m.setContent '<h3>test 1</h3>'

google.maps.event.addListener m, 'mouseout', (e) =>
  m.setContent '<h3>test 2</h3>'

only mouseover called, but mouseout - not, so content is always test 1

PS:

This work well too

google.maps.event.addListener m, 'mouseover', (e) =>
  m.setContent '<h3 style="display:inline">test 1</h3>'

google.maps.event.addListener m, 'mouseout', (e) =>
  m.setContent '<h3 style="display:inline">test 2</h3>'

so we can say we have no trouble with inline elements

Update:

With inline markers click event stopped to work :(

After adding RichMarker to existing working web project with already added Google Maps API, markerclusterer.js and infobox.js everything just stop working. With regular markers it works fine.
Is there someone who faced with smtg like that? Any ideas?
UPDATE. Problem was found elsewhere.

My code looks like this

 google.maps.event.addListener(marker, 'click', function () {
    viewModel.openLocation(location);
});

  google.maps.event.addListener(marker, 'dragstart', function (event) {
        tooltip.remove();
        var markerOldPosition = this.getPosition();
        viewModel.oldLocation(location);
        viewModel.inDragState(true);

    });

It always goes into drag state and not in click state. Any known issues? If I remove drag event then it works fine.

Every thing works fine in the demo but as soon as i integrate the same code in my page it doesn't work, so frustrating ... are there any requirements?

Dear all , how can i get the XY of the Marker ? right after adding it !

Hi @brendankenny,
I'm a intern of cdnjs team and we want to host this library.
We found that the repo doesn't have any release. Could you please add git tags so that the git auto-updater in cdnjs can recognize the correct version and automatically update the repo?
Thank you.

cdnjs/cdnjs#8242