100plugins

Hey @svenatkins,

Let’s stick to english so that most people could read along (thanks for the german translation though).

Unfortunately this will not work like you want it to. If you just zoom-in on some coordinates on the map there is no relation to the markers that may (or may not) exist on this specific point.

You need to address the markers directly with a post_id (POPUP_MARKER_ID):

oumMap.eachLayer(function(layer){
  if(layer.options.post_id && layer.options.post_id == POPUP_MARKER_ID){
    if(!layer._icon) {
      oumMap.fitBounds(layer.__parent._bounds);
    }else{
      oumMap.setView(layer.getLatLng(), 9);
    }
    layer.openPopup();
  }
});

So don’t use the oum.flyTo in your code. Instead use the snippet from above with the correct post_id (POPUP_MARKER_ID).

Best Regards,
Daniel

I just at a look on your page and seems to work now? Just one advise:
Don’t forget to add

margin-left: -50px !important;

The value should be half of the marker width. This ensures the icon is perfectly centered.

Best Regards,
Daniel

Hi @baignoire,

If you don’t renew subscription the plug-in will keep its current PRO features and everything will still work. But you will miss future updates and direct support.

Best Regards,
Daniel

Hi @svenatkins,

The “zoomend” fires after any zoom event (see here). It doesn’t contain any info on markers.

If you want to access all the available markers you could do this by:

oumMap.eachLayer((layer) => {
  //do something with layer (=marker)
})

Best Regards,
Daniel

Hi @hhuesca,

You can use this CSS to set the color generally:

.open-user-map .leaflet-geosearch-bar form input::placeholder {
    color: red;
}

And you can use this CSS to set the color on the map specifically in the popup:

.open-user-map .add-location .location-overlay-content #oum_add_location .map-wrap #mapGetLocation input.glass::placeholder {
    color: red;
}

If you are happy with the plugin please consider dropping a quick review here. It helps me to reach a broader audience. Thanks!

Best Regards,
Daniel

@5lions Just for your Info: The issue with the dropdown not corresponding with the pre-selected types (Marker Categories) has been solved with the latest update (v1.2.24).

Best Regards,
Daniel

Hi @hhuesca,

Glad it worked. To solve the other issue you should find some CSS code where the ::placeholder is generally set to be white.

Alternatively you could add this snippet, which overwrites the placeholder (label) color for the form:

.open-user-map .add-location .location-overlay-content #oum_add_location input[type=text]::placeholder, 
.open-user-map .add-location .location-overlay-content #oum_add_location input[type=email]::placeholder, 
.open-user-map .add-location .location-overlay-content #oum_add_location input[type=url]::placeholder, 
.open-user-map .add-location .location-overlay-content #oum_add_location textarea::placeholder, 
.open-user-map .add-location .location-overlay-content #oum_add_location select::placeholder {
    color: #333;
}

Best Regards,
Daniel

Hi @hhuesca,

Yeah, shouldn’t be a problem. Try to add this CSS code to your styles:

.open-user-map .leaflet-geosearch-bar form {
    background-color: red;
}

.open-user-map .leaflet-control-geosearch a.reset {
    background-color: red;
}

.open-user-map .leaflet-control-geosearch .results {
    background: none;
}

And to make the Icons square (please make sure you’ve uploaded a square icon):

.open-user-map .leaflet-marker-icon {
    width: 40px !important;
    height: 40px !important;
    margin-left: -20px !important;
}

Does this work for you?

Best Regards,
Daniel

• This reply was modified 3 years, 8 months ago by 100plugins.
• This reply was modified 3 years, 8 months ago by 100plugins.