Banner carousel full

Discover reliable locksmith services to safeguard your home. Secure your peace of mind today in Jacksonville, FL. Contact us.

Unlock Security Solutions for Your Home

Image

Banner

Ensure reliable access and top security 24/7 with 3 Max Locksmith in Jacksonville, your trusted local locksmith experts.

Secure Access Anytime in Jacksonville

a bridge spanning over a river with a city in the background

Embed

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>3Max SmartMax Kiosk</title>

<style>
body {
  margin: 0;
  font-family: Arial, sans-serif;
  background: black;
  overflow: hidden;
}

#map {
  height: 100vh;
  width: 100%;
}

/* 🔥 Tesla-style UI */
.panel {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 500px;
  background: rgba(0,0,0,0.8);
  backdrop-filter: blur(15px);
  border-radius: 25px;
  padding: 20px;
  color: white;
  box-shadow: 0 0 30px rgba(193,241,114,0.3);
}

.title {
  font-size: 22px;
  color: #C1F172;
}

.eta {
  font-size: 18px;
  margin-top: 5px;
}

.status {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 5px;
}

/* glowing dot */
.dot {
  width: 10px;
  height: 10px;
  background: #C1F172;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  box-shadow: 0 0 10px #C1F172;
}
</style>
</head>

<body>

<div id="map"></div>

<div class="panel">
  <div class="title">🚀 3Max Technician</div>
  <div class="eta" id="eta">Calculating ETA...</div>
  <div class="status">
    <span class="dot"></span> Live tracking active
  </div>
</div>

<script>
const SERVER = "http://34.138.247.215:3000"; // ТВОЙ сервер
const jobLocation = { lat: 30.3322, lng: -81.6557 }; // клиент

let map, techMarker, directionsService, directionsRenderer;

function initMap() {
  map = new google.maps.Map(document.getElementById("map"), {
    zoom: 13,
    center: jobLocation,
    disableDefaultUI: true,
    styles: [
      { elementType: "geometry", stylers: [{ color: "#0b0b0b" }] },
      { elementType: "labels.text.fill", stylers: [{ color: "#C1F172" }] }
    ]
  });

  directionsService = new google.maps.DirectionsService();
  directionsRenderer = new google.maps.DirectionsRenderer({
    map,
    suppressMarkers: false,
    polylineOptions: {
      strokeColor: "#C1F172",
      strokeWeight: 4
    }
  });

  techMarker = new google.maps.Marker({
    position: jobLocation,
    map,
    icon: {
      url: "https://cdn-icons-png.flaticon.com/512/744/744465.png",
      scaledSize: new google.maps.Size(50, 50)
    }
  });

  startTracking();
}

function startTracking() {
  setInterval(updateTech, 2000);
}

async function updateTech() {
  try {
    const res = await fetch(SERVER + "/tech-location");
    const data = await res.json();

    const newPos = { lat: data.lat, lng: data.lng };

    // плавное движение 🚗
    smoothMove(techMarker, newPos);

    directionsService.route({
      origin: newPos,
      destination: jobLocation,
      travelMode: "DRIVING"
    }, (result, status) => {
      if (status === "OK") {
        directionsRenderer.setDirections(result);

        const eta = result.routes[0].legs[0].duration.text;
        document.getElementById("eta").innerText = "ETA: " + eta;
      }
    });

  } catch (err) {
    console.log("Server error", err);
  }
}

// 🔥 плавное движение (как Uber)
function smoothMove(marker, newPosition) {
  const current = marker.getPosition();

  let step = 0;
  const steps = 20;

  const deltaLat = (newPosition.lat - current.lat()) / steps;
  const deltaLng = (newPosition.lng - current.lng()) / steps;

  const interval = setInterval(() => {
    step++;
    marker.setPosition({
      lat: current.lat() + deltaLat * step,
      lng: current.lng() + deltaLng * step
    });

    if (step >= steps) clearInterval(interval);
  }, 50);
}
</script>

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCUYWMvazqNeTJ3dN1qUG9vZfM32AEdrI0&callback=initMap" async defer></script>

</body>
</html>

Pricing Table

Professional mobile car key replacement for most vehicle makes and models. On-site service, fast response, and reliable key cutting and programming in Jacksonville, FL.Affordable and efficient lock replacement service.

Car key Replacement

Round-the-clock emergency locksmith service.

24/7 Emergency Service

Price depends on vehicle & key type.
Professional programming for key fobs.

A locksmith using a diagnostic tool to program a car key inside a vehicle.

Smart key programming 

Professional assistance for automotive lockouts.

Emergency Car lockouts 

Expert key replacement services for any vehicle.

Locksmith holding car key and remote near vehicle with 3Max Locksmith logo on sleeve.

Key replacement 

A locksmith in uniform holding a car remote key fob near a vehicle.

Smart key programming

Contact form

<h3>Get in touch</h3>
<p class="large"><em>Send us a message and we'll get back to you as soon as we can.</em></p>

name

email

Car Model

Car Year

phone

message

Quote/testimonial

3 Max Locksmith provided exceptional service when I needed help with my car keys. The staff was professional, efficient, and friendly. I highly recommend them to anyone in need of automotive locksmith services. Thank you, 3 Max Locksmith!

Individual wearing a black beanie and a black Lacoste checkered jacket against a gray background.

Unlock Security Solutions for Your Home

Secure Access Anytime in Jacksonville

Get in touch

3 Max Locksmith provided exceptional service when I needed help with my car keys. The staff was professional, efficient, and friendly. I highly recommend them to anyone in need of automotive locksmith services. Thank you, 3 Max Locksmith!

Reviews