导航测试
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-VIEW</title>
<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'"> -->
<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>
<!-- header -->
<div id="view-header">
<!-- <div class="input-card" style="width:20rem;background-color:transparent;box-shadow:none"> -->
<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>
<!-- body -->
<div id="view-body">
<!-- left show -->
<div id="view-body-left">
<!-- 1.位置信息 -->
<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">123</span></td>
<td width="10%"><span class="view-tip">lat:</span></td><td width="40%"><span id="lat-data" class="view-value">123</span></td>
</tr>
<tr>
<td><span class="view-tip">alt:</span></td><td><span id="alt-data" class="view-value">123</span></td>
<td><span class="view-tip">head:</span></td><td><span id="head-data" class="view-value">123</span></td>
</tr>
<tr>
<td><span class="view-tip">speed:</span></td><td><span id="speed-data" class="view-value">123</span></td>
<td><span class="view-tip">dop:</span></td><td><span id="dop-data" class="view-value">123</span></td>
</tr>
<tr>
<td><span class="view-tip">UTC:</span></td><td>