Servicem8 customer to google maps automatically

Job Description:

Project Requirements:

Plot customer locations on a map using the Google Maps JavaScript API

Retrieve customer data from ServiceM8 and map it in Google Maps

Automate the process to regularly update the map

Steps:

Obtain a Google Maps API key from the Google Cloud Console

Retrieve customer data from ServiceM8 using an API call

Plot the customer locations on a map using the Google Maps JavaScript API

Include the Google Maps JavaScript API in the HTML file:

php

Copy code

<script src="[login to view URL]"></script>

Create a map using the Google Maps JavaScript API:

php

Copy code

<div id="map" style="height:500px; width:100%;"></div>

<script>

var map;

function initMap() {

map = new [login to view URL]([login to view URL]('map'), {

center: {lat: -34.397, lng: 150.644},

zoom: 8

});

}

</script>

<script src="[login to view URL]" async defer></script>

Store the customer data in a JavaScript array

Plot the customer locations on the map using a loop and the [login to view URL] object:

php

Copy code

[login to view URL](function(customer) {

var marker = new [login to view URL]({

position: { lat: [login to view URL], lng: [login to view URL] },

map: map,

title: [login to view URL]

});

});

Automate the process using a scheduling tool such as cron or the Task Scheduler to regularly retrieve customer data and update the map

Skills: JavaScript, Google Maps API, PHP, Software Architecture, jQuery / Prototype

Project ID: #35928522