Map Marker on Hover, Marker Link

  • There was once a topic that discussed how to achieve the marker content popup on hover, but the code is now unavailable.

    I am also looking to turn the marker into a link itself. I feel these may be a bit more complex, but they would be very valuable additions to this already powerful plugin.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter jvangorp

    (@jvangorp)

    I found the easy way to get marker’s to popup on hover, you just need to add the mouseover and mouseout binds in the your leaflet.js under Ue.include’s bindPopup function.

    Before

    		bindPopup: function(t, i) {
			return t instanceof un ? (l(t, i), this._popup = t, t._source = this) : (this._popup && !i || (this._popup = new un(i, this)), this._popup.setContent(t)), this._popupHandlersAdded || (this.on({
				click: this._openPopup,
				keypress: this._onKeyPress,
				remove: this.closePopup,

    After

    		bindPopup: function(t, i) {
			return t instanceof un ? (l(t, i), this._popup = t, t._source = this) : (this._popup && !i || (this._popup = new un(i, this)), this._popup.setContent(t)), this._popupHandlersAdded || (this.on({
				click: this._openPopup,
				keypress: this._onKeyPress,
				mouseover: this._openPopup,
				remove: this.closePopup,
				mouseout: this._closePopup,
    Plugin Author bozdoz

    (@bozdoz)

    I can probably add a script to bind the popup on hover. The idea of clicking the marker as a link seems more difficult.

    Plugin Author bozdoz

    (@bozdoz)

    Added here: https://github.com/bozdoz/wp-plugin-leaflet-map/issues/59

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Map Marker on Hover, Marker Link’ is closed to new replies.