How to add Spotmap in Wordpress

See your Spot device movements on an embedded map inside your Blog! Wordpress Tutorial

Noted That:

To install correctly this spotmap.zip .
Fisrt Download the spotmap.zip to your computer
Extract/Open spotmap.zip to Your Computer.
Then, Find readme.txt file inside spotmap.zip and Open readme.txt .
Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
Then, Follow the Tips Below.

Start the Tips:

1. First Download " spotmap.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

4. Now, Click on "Upload Plugin" button.

5. Now, Browse " spotmap.zip " Downloaded plugin from your computer, Where you downloaded spotmap.zip According to Step – 1 Above then, click on " Install Now"

6. Now, Click on " Active Plugin"

7. Then, See left sidemenu. " Spotmap " folder is added on left sidemenu. Now, Click on " Spotmap " folder.

Noted that: If you do not see " Spotmap " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about Spotmap Configurtions and Settings or How to work " Spotmap " in your WordPress site.

After Activated Plugin According to Step-6 then,

Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
or Direct go to: https://yourdomain/wp-admin/plugins.php
Then, Find " Spotmap " Activated Plugin from Plugin List.
Then, Click on " Settings " from Plugin that is Spotmap
Now, Edit/Add/Config the setting and Click on " Save Changes " button,

Guide

Guide
After installing the plugin, head over to your Dashboard `Settings > Spotmap` . Add a feed by selecting `findmespot` from the dropdown and hit “Add Feed”. Now you can enter your XML Feed Id, a name for the feed and a password if you have one. Press “Save”. A few minutes later WordPress will download the points that are present in the XML Feed. In the mean time we can create an empty map with the Shortcode: [spotmap] ???? Congrats! You just created your first Spotmap. ???? ???? If you need help to configure your map, post a question in the support forum . ???? Additional attributes To fine tune the map, there are some attributes we can pass with the shortcode: Note: all the Default values of the attributes can be changed in the settings in Dashboard. This comes in handy, if you use several maps on the blog, and you like to configure them all in one place. Of course you can still use the attributes to overide the default values. Map `maps=opentopomap` will show only the opentopomap as map. Default `"openstreetmap,opentopomap"` . If you create a mapbox API Key and store it in the settings page. You can choose other map types as well: `mb-outdoors,mb-streets,mb-satelite` Use it like this: `maps="mb-satelite,mb-streets,openstreetmap"` This will show a satelite image as the selected map, but it can be changed to the other two maps (mb-streets, openstreetmap). `map-overlays=openseamap` can be added to see the openseamap overlay in the map. (You need to zoom in quite a bit). `height=600` can define the height of the map in pixels. `width=full` if you add this the map will appear in full width. Default is `normal` . `mapcenter=last` can be used to zoom into the last known position. Default `all` . Can be set to `'gpx'` to center all GPX files (see below for configurations). Feeds `splitlines=8` will split the lines between points if two points are sent with a difference greater than X hours. Default 12. Set to 0 if you don’t like to see any line. `date-range-from=2021-01-01` can be used to show all points starting from date and time X. (Can lie in the future). `date-range-to=2022-01-01 19:00` can be used to show all points until date and time X. `auto-reload=1` will auto update the map without the need to reload the page. `tiny-types=UNLIMITED-TRACK,STOP` can be used to configure if a point is shown with a big marker on the map or not `feeds` can be set, if multiple feeds get used. (See example below) GPX The following attributes can be used to show GPX tracks: `gpx-name="Track 1,Track 2"` give the tracks a nice name. (Spaces can be used) `gpx-url="yourwordpress.com/wp-content/track1.gpx,yourwordpress.com/wp-content/track2.gpx"` specify the URL of the GPX files. (You can upload GPX files to your blog like an image) `gpx-color="green,#347F33"` give your tracks some color. (It can be any color you can think of, or some hex values) If there are areas where tracks overlap each other, the track named first will be on top of the others. Note: `feeds` must always match your feed name. This will show a bigger map and the points are all in yellow: `[spotmap height=600 width=full feeds="My Spot Feed" colors=yellow]` This will show a map where we zoom into the last known position, and we only show data from the the first of May: `[spotmap mapcenter=last feeds="My Spot" colors=red date-range-from="2020-05-01"]` We can also show multiple feeds in different colors on a same day: `[spotmap mapcenter=last feeds="My first spot,My other Device" colors="gray,green" date="2020-06-01"]`

After installing the plugin, head over to your Dashboard Settings > Spotmap . Add a feed by selecting findmespot from the dropdown and hit “Add Feed”.

Now you can enter your XML Feed Id, a name for the feed and a password if you have one. Press “Save”. A few minutes later WordPress will download the points that are present in the XML Feed.

In the mean time we can create an empty map with the Shortcode:
[spotmap]

???? Congrats! You just created your first Spotmap. ????

???? If you need help to configure your map, post a question in the support forum . ????

Additional attributes

To fine tune the map, there are some attributes we can pass with the shortcode:

Note: all the Default values of the attributes can be changed in the settings in Dashboard. This comes in handy, if you use several maps on the blog, and you like to configure them all in one place. Of course you can still use the attributes to overide the default values.

Map

maps=opentopomap will show only the opentopomap as map. Default "openstreetmap,opentopomap" .
If you create a mapbox API Key and store it in the settings page. You can choose other map types as well: mb-outdoors,mb-streets,mb-satelite
Use it like this: maps="mb-satelite,mb-streets,openstreetmap" This will show a satelite image as the selected map, but it can be changed to the other two maps (mb-streets, openstreetmap).
map-overlays=openseamap can be added to see the openseamap overlay in the map. (You need to zoom in quite a bit).
height=600 can define the height of the map in pixels.
width=full if you add this the map will appear in full width. Default is normal .
mapcenter=last can be used to zoom into the last known position. Default all . Can be set to 'gpx' to center all GPX files (see below for configurations).

Feeds

splitlines=8 will split the lines between points if two points are sent with a difference greater than X hours. Default 12. Set to 0 if you don’t like to see any line.
date-range-from=2021-01-01 can be used to show all points starting from date and time X. (Can lie in the future).
date-range-to=2022-01-01 19:00 can be used to show all points until date and time X.
auto-reload=1 will auto update the map without the need to reload the page.
tiny-types=UNLIMITED-TRACK,STOP can be used to configure if a point is shown with a big marker on the map or not
feeds can be set, if multiple feeds get used. (See example below)

GPX

The following attributes can be used to show GPX tracks:

gpx-name="Track 1,Track 2" give the tracks a nice name. (Spaces can be used)
gpx-url="yourwordpress.com/wp-content/track1.gpx,yourwordpress.com/wp-content/track2.gpx" specify the URL of the GPX files. (You can upload GPX files to your blog like an image)
gpx-color="green,#347F33" give your tracks some color. (It can be any color you can think of, or some hex values)

If there are areas where tracks overlap each other, the track named first will be on top of the others.

Note: feeds must always match your feed name.
This will show a bigger map and the points are all in yellow:


[spotmap height=600 width=full feeds="My Spot Feed" colors=yellow]

This will show a map where we zoom into the last known position, and we only show data from the the first of May:


[spotmap mapcenter=last feeds="My Spot" colors=red date-range-from="2020-05-01"]

We can also show multiple feeds in different colors on a same day:


[spotmap mapcenter=last feeds="My first spot,My other Device" colors="gray,green" date="2020-06-01"]

spot , device , movements , embedded , inside , blogwordpress , tutorial ,

Name
How to add Meeteo in Wordpress
How to add Rebrander White Label Wp in Wordpress
How to add Arkcommerce in Wordpress
How to add Freepay For Woocommerce in Wordpress
How to add Nextend Blv Sociallogin in Wordpress

Read Article
https://develop.horje.com/learn/1434/reference