index.html
DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>PSTIP-VIEWtitle>
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
<link href="./styles.css" rel="stylesheet">
<script src="jquery-3.6.0.min.js" type="text/javascript">script>
<script type="text/javascript">
window._AMapSecurityConfig = {
securityJsCode:'df7219a2763524dc5c0b271a70e6c33f',
}
script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=16b30977f48271dd262787f499bd7fe6">script>
head>
<body>
<div id="view-header">
<div style="float:right;">
<div class="input-item" style="float:right;">
<input type="button" class="btn" id='default' value="测距1" style='margin-right: 1rem;'/>
<input type="button" class="btn" id='custom' value="测距2"/>
div>
div>
div>
<div id="view-body">
<div id="view-body-left">
<fieldset name="位置信息">
<legend class="fieldset-title" style="font-size:15px;font-weight:bold;">位置信息legend>
<table style="width:100%;">
<tr>
<td width="10%"><span class="view-tip">lon:span>td><td width="40%"><span id="lon-data" class="view-value">123span>td>
<td width="10%"><span class="view-tip">lat:span>td><td width="40%"><span id="lat-data" class="view-value">123span>td>
tr>
<tr>
<td><span class="view-tip">alt:span>td><td><span id="alt-data" class="view-value">123span>td>
<td><span class="view-tip">head:span>td><td><span id="head-data" class="view-value">123span>td>
tr>
<tr>
<td><span class="view-tip">speed:span>td><td><span id="speed-data" class="view-value">123span>td>
<td><span class="view-tip">dop:span>td><td><span id="dop-data" class="view-value">123span>td>
tr>
<tr>
<td><span class="view-tip">UTC:span>td><td>