fix 工具地图样式调整

 <!--
 <!--
  * @Date: 2023-05-19 14:54:27
  * @Date: 2023-05-19 14:54:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-03-21 17:45:05
+ * @LastEditTime: 2024-03-22 15:25:02
  * @FilePath: /map-demo/src/views/tools.vue
  * @FilePath: /map-demo/src/views/tools.vue
  * @Description: 公众地图主体页面
  * @Description: 公众地图主体页面
 -->
 -->
@@ -11,8 +11,8 @@
     <div style="position: fixed; display: flex;background-color: #FFF; align-items: center; padding: 0.5rem 1rem;">
     <div style="position: fixed; display: flex;background-color: #FFF; align-items: center; padding: 0.5rem 1rem;">
       <van-field v-model="filter_lng" label="经度" placeholder="请输入经度" />
       <van-field v-model="filter_lng" label="经度" placeholder="请输入经度" />
       <van-field v-model="filter_lat" label="纬度" placeholder="请输入纬度" />
       <van-field v-model="filter_lat" label="纬度" placeholder="请输入纬度" />
-      <van-button @click="queryLngLat" type="primary" block size="small" style="width: 10rem;">坐标查询</van-button>
-      <van-button @click="handleQuery" type="primary" block size="small" style="width: 10rem; margin-left: 1rem;">快速定位</van-button>
+      <van-button @click="handleQuery" type="primary" block size="small" style="width: 10rem;">快速定位</van-button>
+      <van-button @click="queryLngLat" type="warning" block size="small" style="width: 10rem; margin-left: 1rem;">坐标查询</van-button>
     </div>
     </div>
     <!-- <div class="nav-bar-wrapper">
     <!-- <div class="nav-bar-wrapper">
       <div class="hideScrollBar nav-bar-content">
       <div class="hideScrollBar nav-bar-content">
@@ -328,6 +328,7 @@ export default {
         // rotateEnable: true,
         // rotateEnable: true,
         layers: [
         layers: [
           // new AMap.TileLayer.RoadNet(),
           // new AMap.TileLayer.RoadNet(),
+          new AMap.TileLayer.Satellite(),
         ],
         ],
         features: ['bg', 'road'], // 设置地图上显示的元素种类
         features: ['bg', 'road'], // 设置地图上显示的元素种类
         animateEnable: false, // 地图平移过程中是否使用动画
         animateEnable: false, // 地图平移过程中是否使用动画
@@ -886,8 +887,8 @@ export default {
 
 
           var cxt = c.getContext("2d");
           var cxt = c.getContext("2d");
           cxt.font = "15px Verdana";
           cxt.font = "15px Verdana";
-          cxt.fillStyle = "#ff0000";
-          cxt.strokeStyle = "#FF0000";
+          cxt.fillStyle = "#ff976a";
+          cxt.strokeStyle = "#ff976a";
           cxt.strokeRect(0, 0, 256, 256);
           cxt.strokeRect(0, 0, 256, 256);
           cxt.fillText('(' + [x, y, z].join(',') + ')', 10, 30);
           cxt.fillText('(' + [x, y, z].join(',') + ')', 10, 30);