Geolocation Map Tile (Latitude/Longitude)

You’ll want both the ‘Life360 with States’ and ‘Life360 Tracker’. Here’s the description from the Life360 with States release thread:

Differences in Apps…

  • Life360 (phone app) -
  • Life360 with States - Pulls all the data into Hubitat from the phone app
  • Life360 Tracker - Uses the data in Life360 with States to do some cool stuff! :wink:

HE Life360 Connector should be at the least disabled, if not removed as it is not needed.

PS. Have you looked into Hubitat Package Manager? It’s only one ‘app’ (one file) to install and a lot of the Hubitat community developers use it which makes installing their packages easier.

@Josh Yeah just downloaded the “with states” and deleted the Hubitat Connector one. I can see that it’s now created the additional “Devices” for my wife and myself…watch this space, I’ll be back :slight_smile:


Right - finally getting somewhere. I’ve got a map up and showing in the tile, the centre of which is where I’m located. I put an image on my google drive and set it so that anyone with the url could view it, but there is no avatar visible on the map at all. Are there specific dimensions needed for that avatar, or is there a way of just using a marker icon perhaps?

Edit: All sorted. I just had to search the web for how to modify the Google Drive shareable link to a direct download link for the jpeg.


Thanks for sharing the fix!

PS. I pushed an update to James’ repository yesterday that swaps out Google Maps with OpenStreetMap so it’s easier to get started with this tile. The avatar URL is also optional now too. :slight_smile:

It sounds like you got things working, so there’s no strong reason for you to update, but for anyone else, you can update by following these steps:

1 Like

I made a few more tweaks to improve the look and feel with the OpenStreetMap version. There’s now an optional Map Source setting.


The setting can accept a few different types of values:

  1. <empty>: Renders the default OpenStreetMap look:
    OSM Default

  2. bright: Modern bright colored map (CartoDB Voyager)

  3. light: Light colored, neutral tone map (CartoDB Positron)

  4. dark: Dark colored, neutral tone map (CartoDB Dark)

  5. XYZ Basemap Format
    There’s a number of different map providers out there like HERE, Stamen, Jawg, and more. Many of these require signing up for an API key and can then be used in this custom tile using the XYZ map format.

    For example, here’s what the OpenStreetMap HOT source would look like





I’ve imported the new version and titled it “v2” so I could try both the Google and OpenStreetMaps to differentiate between the two versions when adding to a dashboard.

My thoughts are that the OpenStreetMap trumps the Google Maps version for several reasons:

1 - Easier setup without the need to setup the Google Cloud billing, API key etc.
2 - I’m finding it much snappier. With the Google version there’s a slight lag before the map loads when switching dashboards and another slight delay while the Avatar loads. It’s instant with OpenStreetMaps.
3 - The map is much cleaner - not covered with businesses names etc. Selecting one of the Map Source options is better still, as it removes the copyright banner from the bottom of the map.
4 - Zooming and scrolling to adjust the view in the tile is much more intuitive - single finger drag and simple zoom control.

As ever fantastic work and support from the SharpTools team. Many thanks.


Just a thought…Is there any way of modifying the zoom level/scale of the map when it first loads (without manually adjusting it)? The OpenStreetMaps version, when the tile first loads, covers roughly 100 square miles whereas the Google Maps one started much tighter. I was wondering whether there is anything in the code that would adjust that initial view - line 188 zoom 12? If I were to alter that figure and re import it would that achieve a tighter (street level) view? Thanks

Yes. When the map first loads, it’s zoomed out (zoom 5) to a roughly centered view of the US. It immediately tries to grab your location from Life 360 and then zooms in to 12 on that new point.

  • That first zoomed out view of the US is the variables around line 46-48 right after the <script> open tag.


  • The second zoomed in level is in the setMapCenter() method around line 184.


Edit: Also just wanted to note that you can open up your SharpTools Developer Tools → Custom Tiles and modify your existing tile. :slight_smile: Once you’ve made the tweak, be sure to scroll down and press Update. Then you may need to refresh your dashboard to see the changes take effect.

1 Like

Cool I’ll have a play with the one on line 184 until I get the scale I’m looking for. Thanks again.

Hi folks, we have create another Custom Tile - Life360 Live Map, which does the same thing but doesn’t need the Life360 device in SmartThings/Hubitat, and is much easier to setup. Take a look of the post below for more details.


By suggestion from @simon, I’ve updated this tile to take advantage of the new Access to Things in Custom Tiles feature so it can be used with any device in SharpTools which exposes a latitude and longitude attribute.

This new approach is much faster and efficient than the original Hubitat Maker API approach as it’s able to directly access the Thing information from SharpTools and can receive event-driven, real-time updates.

Existing Tiles

Please keep in mind that the new approach directly references a Thing and no longer uses the Hubitat Maker API. If you are using the original Hubitat Maker API approach extensively, please note that updating to the newest version will require that you reconfigure any existing instances.

As such, you have two options:

  • Update from Source
    • You would then need to reconfigure each of your tiles
  • Import another copy
    • You would have the original Hubitat Maker API version and the new version

You can update your existing tile using the following steps:

:arrows_clockwise: How to Update Existing Imported Code

You can import another copy of the tile using the Import Link in the original post at the top of the thread.

Couldn’t be easier. I connected the entities from Home Assistant, plugged it in and voila:


1 Like

I am in the process of pulling the avatars from the iCloud setup in home assistant - not sure if it is possible yet. As an enhance suggestion it would be nice to have the additional option of typing a name and just displaying text for the marker?

Don’t forget that you can use different styles for the map as well!