index.html

﻿<!DOCTYPE html>
<html lang="en">

<head>
    <title>Position Matching</title>
    <link rel="stylesheet" type="text/css" href="https://unpkg.com/maplibre-gl@4.3.2/dist/maplibre-gl.css">
    <link rel="icon" href="../../favicon.ico" />
    <script src="https://unpkg.com/maplibre-gl@4.3.2/dist/maplibre-gl.js"></script>
    <script src="https://developer-applications.myptv.com/Tutorials/common/jquery.min.js"></script>
    <style>
        body { margin:5px; padding:5px; }
        #map { width:100%; height:80vh; }
        .maplibregl-popup-content { max-height: 250px; overflow: scroll; }
    </style>
</head>

<body>
    <h2>Position Matching Tutorial</h2>
    <p>Click the map to execute a position matching request. Make sure to click near a road to get some matching results.  <br>
        <i>Coordinates are displayed in WGS84 format (latitude, longitude).</i></p>
    <div id='map'></div>
    
    <script src="PositionMatching.js"></script>
</body>

</html>