# Locations Plugin :earth\_africa:

**URL:** https://meta.discourse.org/t/locations-plugin/69742
**Category:** Plugin
**Tags:** paid-support
**Created:** [September 10, 2017, 10:36am UTC](https://meta.discourse.org/t/locations-plugin/69742 "2017-09-10T10:36:41Z")
**Posts on this page:** 20
**Page:** 18

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [February 8, 2023, 3:05pm UTC](https://meta.discourse.org/t/locations-plugin/69742/835 "2023-02-08T15:05:33Z")

</div>

Top job Robert @merefield:clap: :partying_face:

Before:

 ![Screenshot 2023-02-08 at 14.55.08](https://global.discourse-cdn.com/meta/original/4X/3/4/6/34657a9101989aa604ccf657afe5996e881f54eb.png)

And after:

 ![Screenshot 2023-02-08 at 15.03.45](https://global.discourse-cdn.com/meta/original/4X/8/5/5/855f17a05210b194e88ab04e94e24eaf9215de66.png)

* * *

Also before:

 ![Screenshot 2023-02-08 at 14.57.36](https://global.discourse-cdn.com/meta/original/4X/4/f/a/4fa7cc8e247d8c606bf15f59b0bb280c5f4d4d20.png)

And after:

 ![Screenshot 2023-02-08 at 15.03.56](https://global.discourse-cdn.com/meta/original/4X/c/7/2/c721d45a1c3034c77cf7146d34f743b37dcc04cb.png)

Perfect - thank you :smiley:

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [February 8, 2023, 3:31pm UTC](https://meta.discourse.org/t/locations-plugin/69742/836 "2023-02-08T15:31:30Z")

</div>

So great, thank you very much @merefield :+1: :clap:

See [here](https://www.sidemount-forum.com/c/community/forumstreffen/48), it is perfect now. Screenshot for the desktop version:

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/8/e/68e395c55350f1284acb63e12a7d4936a2a1ca82.png)

I chose to break it into a new line. For mobile I modified the margins and font size a bit.

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [February 9, 2023, 10:27am UTC](https://meta.discourse.org/t/locations-plugin/69742/837 "2023-02-09T10:27:27Z")

</div>

> [@Roi](#):
>
> I chose to break it into a new line.

I just noticed that it is breaking the layout a bit when there are unread posts - even if there is now location:

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/f/a/6fa70b4539a6205a97373c9f9d33205660dc413d.png)

@merefield Is it possible to only have show `<span class="location-after-title"></span>` if there is a location?  
Or even better, putting `<span class="location-after-title"></span>` after `<span class="topic-post-badges">...</span>` which produces the bubbles and also only show it when there is a location?

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 9, 2023, 10:37am UTC](https://meta.discourse.org/t/locations-plugin/69742/838 "2023-02-09T10:37:45Z")

</div>

Sounds like a reasonable refinement. PR welcome for time being until I get to it.

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 10, 2023, 12:43pm UTC](https://meta.discourse.org/t/locations-plugin/69742/839 "2023-02-10T12:43:24Z")

</div>

OK, implemented:

[https://github.com/paviliondev/discourse-locations/pull/77](https://github.com/paviliondev/discourse-locations/pull/77)

@Roi

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [February 11, 2023, 12:05am UTC](https://meta.discourse.org/t/locations-plugin/69742/840 "2023-02-11T00:05:48Z")

</div>

@merefield oh cool thank you very much! Just updated and reverted the CSS changes. Looks good until now. Lets see how it looks when there are unread posts. Will keep you posted. :slight_smile:

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 13, 2023, 2:00pm UTC](https://meta.discourse.org/t/locations-plugin/69742/841 "2023-02-13T14:00:27Z")

</div>

> [@Roi](#):
>
> Is it possible to have a second option for `location map tile layer` which is used when the forum is in dark mode? As you can see [here](https://www.sidemount-forum.com/map) the map matches the light theme perfectly, but the users are getting blind when in dark mode. :wink:

So I achieved this with a Theme Component.

Unfortunately this presently will have to be added to your designated “Dark Theme” and will not switch automatically with a user’s “Dark Mode”.

Nonetheless it’s useful progress to build upon:

```plaintext
:root {
  --map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}

.locations-map {
  .leaflet-tile-pane {
    filter:var(--map-tiles-filter, none);
  }
  .leaflet-marker-shadow {
    display: none;
  }
}

```

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/a/0/da02af7ba0b3f776d4a5f2e23796d498aa03ec98.png)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [February 13, 2023, 3:44pm UTC](https://meta.discourse.org/t/locations-plugin/69742/842 "2023-02-13T15:44:17Z")

</div>

I have just totally stolen that and implemented it on our dark theme.

Before:

 ![Screenshot 2023-02-13 at 15.41.44](https://global.discourse-cdn.com/meta/original/4X/6/9/c/69c5839c77ea413be497b7f668eb840134cca072.jpeg)

After:

 ![Screenshot 2023-02-13 at 15.43.04](https://global.discourse-cdn.com/meta/original/4X/3/5/1/35143b8ee8c911eae618a54abcbc77916e7e9f6f.jpeg)

:star_struck:

Thanks Robert :smiley::clap:

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 13, 2023, 3:45pm UTC](https://meta.discourse.org/t/locations-plugin/69742/843 "2023-02-13T15:45:10Z")

</div>

np, I’ll try to make this native behaviour once I have a Dark Mode switch capability.

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [February 13, 2023, 5:39pm UTC](https://meta.discourse.org/t/locations-plugin/69742/844 "2023-02-13T17:39:35Z")

</div>

@merefield thank you for looking into this! :slight_smile: Great approach!

> [@merefield](#):
>
> Unfortunately this presently will have to be added to your designated “Dark Theme” and will not switch automatically with a user’s “Dark Mode”.

I see. So at this point I cannot use it. I only have one theme and two colors (light an dark) and use the switch to switch between light and dark.

But as you wrote I want to have a switch capability. Looking forward to this. :slight_smile:

---

<div class="post-metadata">

### Author: ![Nick\_Tomlinson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nick_tomlinson/32/282728_2.png) [@Nick\_Tomlinson](https://meta.discourse.org/u/Nick_Tomlinson)
#### Post date: [February 13, 2023, 6:41pm UTC](https://meta.discourse.org/t/locations-plugin/69742/845 "2023-02-13T18:41:01Z")

</div>

How about a geo search to find members in the same town / city?

would be perfect on the users tab!

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 13, 2023, 6:54pm UTC](https://meta.discourse.org/t/locations-plugin/69742/846 "2023-02-13T18:54:23Z")

</div>

Nice idea but somewhat mitigated by the Users map upon which you can zoom.

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [February 13, 2023, 7:00pm UTC](https://meta.discourse.org/t/locations-plugin/69742/847 "2023-02-13T19:00:39Z")

</div>

Agreed, our members just open the map and have a nosey around the area they live in to see who else is around them :blush:

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 28, 2023, 9:00pm UTC](https://meta.discourse.org/t/locations-plugin/69742/848 "2023-02-28T21:00:59Z")

</div>

Hello Robert,

This is a great idea! I love it. :slightly_smiling_face:

> [@merefield](#):
>
> I’ll try to make this native behaviour once I have a Dark Mode switch capability.

I think you can achieve it with custom `dark-light-choose()` in `color_definitions.scss`.

```scss
$dark-theme-map-tiles-filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
$light-theme-map-tiles-filter: none;

$dark-theme-map-marker-shadow-display: none;
$light-theme-map-marker-shadow-display: block;

$map-tiles-filter: dark-light-choose($light-theme-map-tiles-filter, $dark-theme-map-tiles-filter);
$map-marker-shadow-display: dark-light-choose($light-theme-map-marker-shadow-display, $dark-theme-map-marker-shadow-display);

:root {
  --map-tiles-filter: #{$map-tiles-filter};
  --map-marker-shadow-display: #{$map-marker-shadow-display};
}

```

And than you can add it to the `locations.scss` or somewhere…

```scss
.locations-map {
  .leaflet-tile-pane {
    filter: var(--map-tiles-filter);
  }
  .leaflet-marker-shadow {
    display: var(--map-marker-shadow-display);
  }
}

```

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [February 28, 2023, 9:04pm UTC](https://meta.discourse.org/t/locations-plugin/69742/849 "2023-02-28T21:04:33Z")

</div>

Ooh thanks @Don a different approach, i’ll try it :+1:

---

<div class="post-metadata">

### Author: ![Roi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/roi/32/130587_2.png) [@Roi](https://meta.discourse.org/u/Roi)
#### Post date: [March 1, 2023, 8:00am UTC](https://meta.discourse.org/t/locations-plugin/69742/850 "2023-03-01T08:00:07Z")

</div>

> [@Don](#):
>
> I think you can achieve it with custom `color_definitions.scss`.

Thank you, this is so great. :+1:

Just tested it and it works! :slight_smile: I also tried to achieve this with `color_definitions.scss` some days ago but always stumbled upon the syntax somehow…

---

<div class="post-metadata">

### Author: ![Stephane\_Roy](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephane_roy/32/222598_2.png) [@Stephane\_Roy](https://meta.discourse.org/u/Stephane_Roy)
#### Post date: [March 24, 2023, 3:31pm UTC](https://meta.discourse.org/t/locations-plugin/69742/851 "2023-03-24T15:31:01Z")

</div>

Hello

I’m surprised after the last update :-/

Would it be possible to have an option not to display the location / address following the title of the topic?

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/c/b/acbd70a4a475db2b429cdc40993289d514cf46ca.png)

> **[Conventions JdR](https://forums.ffjdr.org/c/e-irl/14)**
>
> « Carte » pour une carte de France des conventions…
> « Agenda » pour une liste chronologique.
> ..Ajoutez les conventions de votre région !!
> Procédure et conseils via:

Many thanks for this plugin!

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [March 24, 2023, 3:49pm UTC](https://meta.discourse.org/t/locations-plugin/69742/852 "2023-03-24T15:49:39Z")

</div>

That’s was the whole point of the request and the subsequent change. It’s now a Span so you can use CSS to do what you like with it :slight_smile:

Before that was not possible.

You can target the location span and add a `display: block;`

That may send it to the next line.

If you need someone to help you with styling, may I suggest #Marketplace?

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [March 24, 2023, 11:08pm UTC](https://meta.discourse.org/t/locations-plugin/69742/853 "2023-03-24T23:08:06Z")

</div>

> [@merefield](#):
>
> You can target the location span and add a `display: block;`
> 
> That may send it to the next line.

Any examples of exactly how to do this please Robert @merefield ? :thinking:

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [March 25, 2023, 9:28am UTC](https://meta.discourse.org/t/locations-plugin/69742/854 "2023-03-25T09:28:31Z")

</div>

I’m sure that’s a task someone in the community can pick up? If you follow my instructions, it should work.

[Previous page](https://meta.discourse.org/t/locations-plugin/69742.md?page=17)

[Next page](https://meta.discourse.org/t/locations-plugin/69742.md?page=19)
