Embedding the Net Domain Technologies map with the position of your devices on your website facilitates real-time visualization of device locations for visitors. This allows users to see the locations without needing direct access to Net Domain Technologies, and you can protect this visualization using your own authentication mechanism, independent of Net Domain Technologies's login credentials.
Below are the steps to embed the map on your website, showing current information of selected devices from a group.
Instructions to Embed the Map
Step-by-Step
To embed the map on your website, follow these steps:
- Enable API access for your account: Follow the instructions to enable the API in your Net Domain Technologies account. This includes generating an API Key.
- Enable device access via the API: Configure the devices you want to display on the map so that they can be accessed via the API.
- Create a group with the devices you want to display: In Net Domain Technologies, create a group and include all the devices you want to visualize on the map.
- Find the Group Identifier: Edit the created group and copy the group identifier (Group ID), which is needed to configure the API.
- Embed the HTML code for the map on your website: Use the following HTML code, replacing
my_group_id
with the group identifier you copied in the previous step:<div id="map_canvas" style="width:100%;height:400px">Cargando...</div>
<script type="text/javascript">plaspy_api_group_key="my_group_id";</script>
<script type="text/javascript" src="https://s.trackservers.net/api/loadMapG.js"></script>
Integration Example
To see a functional example of this integration, you can refer to the following video: See functional example
Final Considerations
- Customization: Ensure that the map is well integrated into your webpage design, adjusting the size and style as necessary.
- Security: Verify that your website is configured to securely handle communication with the Net Domain Technologies API.
- User Experience: Provide clear and accessible information so that your users understand that they are viewing real-time data from the devices through your site.
Embedding the Net Domain Technologies map on your website is an effective way to provide visitors with access to real-time positions of your devices. By following the mentioned steps, you can easily integrate the map using the Net Domain Technologies API, facilitating visualization and improving the user experience on your site.
- Welcome to Net Domain Technologies help
- Map
- Viewing a Device's Route History
- Device Control Panel
- Detailed Device Information
- Buttons on the Map
- Details
- Trip Statistics
- Device Menu
- GeoFences
- Bulk Alert Editing
- Enable map notifications
- Mileage Calculation
- Atributes
- Devices
- Marker Icon
- Information
- Sensors
- Reassign Digital Sensors
- Commands
- Alerts
- Types
- Configuration
- Reminders
- Limits
- History
- Setting Up a New Tracker
- Solution for Identifier Already in Use by Another Account
- Device Issues
- Email alerts sending limits
- Reports
- New Report
- My Account
- Password Change
- Email Notifications
- Telegram Accounts
- Update Mobile Phone Number
- Primary Email
- Alternative Email
- Activate Two-Factor Authentication (2FA)
- Access Log
- Password Recovery
- Recover Username
- Delete Your Account
- Statistics
- Activity Summary
- Groups
- Users
- Share Access
- Developers
- Enable the API
- Rest API
- Authentication
- Devices API
- GET /api/devices
- GET /api/devices/{deviceId}
- GET /api/devices/{deviceId}/lastLocation
- POST /api/devices/{deviceId}/locations
- POST /api/devices/{deviceId}/alerts
- Groups API
- GET /api/groups
- POST /api/groups
- GET /api/groups/{groupId}
- PUT /api/groups/{groupId}
- PATCH /api/groups/{groupId}
- DELETE /api/groups/{groupId}
- Users API
- GET /api/users
- POST /api/users
- GET /api/users/countries
- GET /api/users/timeZones
- GET /api/users/{userId}
- PUT /api/users/{userId}
- PATCH /api/users/{userId}
- DELETE /api/users/{userId}