SpringBoot整合Mybatis實現高德地圖定位並將資料存入資料庫的步驟詳解

阿新 • • 發佈：2021-01-10

第一步配置yml檔案

server:
 port: 8080
spring:
 datasource:
 username: root
 password: 123456
 url: jdbc:mysql://localhost:3306/spring?useUnicode=true&characterEncoding=utf-8&useSSL=true&serverTimezone=UTC
 driver-class-name: com.mysql.cj.jdbc.Driver
 thymeleaf:
 cache: false
 prefix: classpath:/templates/
 suffix: .html
 encoding: UTF-8
 content-type: text/html
 mode: HTML5

mybatis:
 mapper-locations: classpath:mapping/GaoDe.xml
 type-aliases-package: car2021.winter.com.demo.entity

logging:
 file:
 name: car2021.winter.log

第二步對Mybatis進行配置，並將實體對映。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="car2021.winter.com.demo.mapper.GaoDeMapper">
 <resultMap id="GaoDeMap" type="car2021.winter.com.demo.entity.GaoDe">
  <result column="id" jdbcType="INTEGER" property="id"></result>
  <result column="time" jdbcType="VARCHAR" property="time"></result>
  <result column="Longitude" jdbcType="DOUBLE" property="Longitude"></result>
  <result column="Latitude" jdbcType="DOUBLE" property="Latitude"></result>
  <result column="Position" jdbcType="VARCHAR" property="Position"></result>
 </resultMap>

 <insert id="insertGaoDe">
  insert into GaoDe (time,Longitude,Latitude,Position) values(#{time},#{Longitude},#{Latitude},#{Position})
 </insert>

</mapper>

第三步寫HTML，並引入自己的高德API（需要申請key）

<!DOCTYPE HTML>
<html>
<head>
 <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>高德地圖</title>
 <style type="text/css">
  body {
   margin: 0;
   height: 100%;
   width: 100%;
   position: absolute;
   font-size: 12px;
  }

  #mapContainer {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
  }

  #tip {
   background-color: #fff;
   border: 1px solid #ccc;
   padding-left: 10px;
   padding-right: 2px;
   position: absolute;
   min-height: 65px;
   top: 10px;
   font-size: 12px;
   right: 10px;
   border-radius: 3px;
   overflow: hidden;
   line-height: 20px;
   min-width: 400px;
  }

  #tip input[type="button"] {
   background-color: #0D9BF2;
   height: 25px;
   text-align: center;
   line-height: 25px;
   color: #fff;
   font-size: 12px;
   border-radius: 3px;
   outline: none;
   border: 0;
   cursor: pointer;
  }

  #tip input[type="text"] {
   height: 25px;
   border: 1px solid #ccc;
   padding-left: 5px;
   border-radius: 3px;
   outline: none;
  }

  #pos {
   height: 70px;
   background-color: #fff;
   padding-left: 10px;
   padding-right: 10px;
   position: absolute;
   font-size: 12px;
   right: 10px;
   bottom: 30px;
   border-radius: 3px;
   line-height: 30px;
   border: 1px solid #ccc;
  }

  #pos input {
   border: 1px solid #ddd;
   height: 23px;
   border-radius: 3px;
   outline: none;
  }

  #result1 {
   max-height: 300px;
  }
 </style>
</head>
<body>
<div id="mapContainer"></div>
<div id="tip">
 當前位置
 <input type="text" id="keyword1" name="keyword1" value="" onkeydown="keydown(event)" style="width: 95%"/>
 <br>
 請輸入關鍵字：
 <input type="text" id="keyword" name="keyword" value="" onkeydown='keydown(event)' style="width: 95%;"
   autocomplete="off"/>
 <button id="GaoDe" type="button" style="color: #4cae4c; width: 95%" onclick="commitGaoDe()">點選提交座標資訊</button>
 <div id="result1" name="result1"></div>
</div>
<div id="pos">
 滑鼠左鍵在地圖上單擊獲取座標
 <br>
 <div>X：<input type="text" id="lngX" name="lngX" value=""/>&nbsp;Y：<input type="text" id="latY" name="latY"
                    value=""/></div>
</div>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=你申請的Key值"></script>
<script type="text/javascript">
 var windowsArr = [];
 var marker = [];
 var mapObj = new AMap.Map("mapContainer",{
  resizeEnable: true,view: new AMap.View2D({
   resizeEnable: true,zoom: 13//地圖顯示的縮放級別
  }),keyboardEnable: false
 });
 var clickEventListener = AMap.event.addListener(mapObj,'click',function (e) {
  document.getElementById("lngX").value = e.lnglat.getLng();
  document.getElementById("latY").value = e.lnglat.getLat();

  AMap.plugin('AMap.Geocoder',function () {
   var geocoder = new AMap.Geocoder({
    city: "010"//城市，預設：“全國”
   });
   geocoder.getAddress(e.lnglat,function (status,result) {
    if (status === 'complete') {
     document.getElementById("keyword1").value = result.regeocode.formattedAddress;
    } else {
     alert("無法獲取地址")
    }
   })
  });

 });

 function commitGaoDe() {

  var Longitude = document.getElementById("lngX").value;
  var Latitude = document.getElementById("latY").value;
  var positionArea = document.getElementById("keyword1").value;
  Date.prototype.Format = function (fmt) {
   var o = {
    "M+": this.getMonth() + 1,//月份
    "d+": this.getDate(),//日
    "H+": this.getHours(),//小時
    "m+": this.getMinutes(),//分
    "s+": this.getSeconds(),//秒
    "q+": Math.floor((this.getMonth() + 3) / 3),//季度
    "S": this.getMilliseconds() //毫秒
   };
   if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1,(this.getFullYear() + "").substr(4 - RegExp.$1.length));
   for (var k in o)
    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1,(RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
   return fmt;
  };
  var time = new Date().Format("yyyy-MM-dd HH:mm:ss");

  var params = {"time": time,"Longitude": Longitude,"Latitude": Latitude,"position": positionArea};
  params = JSON.stringify(params);
  $.ajax({
   type: 'post',url: 'http://localhost:8080/submitMap',data: params,dataType: "json",contentType: 'application/json;charset=utf-8',async: false,success: function (data) {
    if (data.code === "200") {
     alert(data.message)
    } else {
     alert(data.message)
    }
   },error: function () {
    alert("伺服器出現了問題")
   }
  });
 }


 document.getElementById("keyword").onkeyup = keydown;

 //輸入提示
 function autoSearch() {
  var keywords = document.getElementById("keyword").value;
  var auto;
  //載入輸入提示外掛
  AMap.service(["AMap.Autocomplete"],function () {
   var autoOptions = {
    city: "" //城市，預設全國
   };
   auto = new AMap.Autocomplete(autoOptions);
   //查詢成功時返回查詢結果
   if (keywords.length > 0) {
    auto.search(keywords,result) {
     autocomplete_CallBack(result);
    });
   } else {
    document.getElementById("result1").style.display = "none";
   }
  });
 }

 //輸出輸入提示結果的回撥函式
 function autocomplete_CallBack(data) {
  var resultStr = "";
  var tipArr = data.tips;
  if (tipArr && tipArr.length > 0) {
   for (var i = 0; i < tipArr.length; i++) {
    resultStr += "<div id='divid" + (i + 1) + "' οnmοuseοver='openMarkerTipById(" + (i + 1)
     + ",this)' οnclick='selectResult(" + i + ")' οnmοuseοut='onmouseout_MarkerStyle(" + (i + 1)
     + ",this)' style=\"font-size: 13px;cursor:pointer;padding:5px 5px 5px 5px;\"" + "data=" + tipArr[i].adcode + ">" + tipArr[i].name + "<span style='color:#C1C1C1;'>" + tipArr[i].district + "</span></div>";
   }
  } else {
   resultStr = " π__π 親,人家找不到結果!<br />要不試試：<br />1.請確保所有字詞拼寫正確<br />2.嘗試不同的關鍵字<br />3.嘗試更寬泛的關鍵字";
  }
  document.getElementById("result1").curSelect = -1;
  document.getElementById("result1").tipArr = tipArr;
  document.getElementById("result1").innerHTML = resultStr;
  document.getElementById("result1").style.display = "block";
 }

 //輸入提示框滑鼠滑過時的樣式
 function openMarkerTipById(pointid,thiss) { //根據id開啟搜尋結果點tip
  thiss.style.background = '#CAE1FF';
 }

 //輸入提示框滑鼠移出時的樣式
 function onmouseout_MarkerStyle(pointid,thiss) { //滑鼠移開後點樣式恢復
  thiss.style.background = "";
 }

 //從輸入提示框中選擇關鍵字並查詢
 function selectResult(index) {
  if (index < 0) {
   return;
  }
  if (navigator.userAgent.indexOf("MSIE") > 0) {
   document.getElementById("keyword").onpropertychange = null;
   document.getElementById("keyword").onfocus = focus_callback;
  }
  //擷取輸入提示的關鍵字部分
  var text = document.getElementById("divid" + (index + 1)).innerHTML.replace(/<[^>].*?>.*<\/[^>].*?>/g,"");
  var cityCode = document.getElementById("divid" + (index + 1)).getAttribute('data');
  document.getElementById("keyword").value = text;
  document.getElementById("result1").style.display = "none";
  //根據選擇的輸入提示關鍵字查詢
  mapObj.plugin(["AMap.PlaceSearch"],function () {
   var msearch = new AMap.PlaceSearch(); //構造地點查詢類
   AMap.event.addListener(msearch,"complete",placeSearch_CallBack); //查詢成功時的回撥函式
   msearch.setCity(cityCode);
   msearch.search(text); //關鍵字查詢查詢
  });
 }

 //定位選擇輸入提示關鍵字
 function focus_callback() {
  if (navigator.userAgent.indexOf("MSIE") > 0) {
   document.getElementById("keyword").onpropertychange = autoSearch;
  }
 }

 //輸出關鍵字查詢結果的回撥函式
 function placeSearch_CallBack(data) {
  //清空地圖上的InfoWindow和Marker
  windowsArr = [];
  marker = [];
  mapObj.clearMap();
  var resultStr1 = "";
  var poiArr = data.poiList.pois;
  var resultCount = poiArr.length;
  for (var i = 0; i < resultCount; i++) {
   resultStr1 += "<div id='divid" + (i + 1) + "' οnmοuseοver='openMarkerTipById1(" + i + ",this)' οnmοuseοut='onmouseout_MarkerStyle(" + (i + 1) + ",this)' style=\"font-size: 12px;cursor:pointer;padding:0px 0 4px 2px; border-bottom:1px solid #C1FFC1;\"><table><tr><td><img src=\"http://webapi.amap.com/images/" + (i + 1) + ".png\"></td>" + "<td><h3><font color=\"#00a6ac\">名稱: " + poiArr[i].name + "</font></h3>";
   resultStr1 += TipContents(poiArr[i].type,poiArr[i].address,poiArr[i].tel) + "</td></tr></table></div>";
   addmarker(i,poiArr[i]);
  }
  mapObj.setFitView();
 }

 //滑鼠滑過查詢結果改變背景樣式，根據id開啟資訊窗體
 function openMarkerTipById1(pointid,thiss) {
  thiss.style.background = '#CAE1FF';
  windowsArr[pointid].open(mapObj,marker[pointid]);
 }

 //新增查詢結果的marker&infowindow
 function addmarker(i,d) {
  var lngX = d.location.getLng();
  var latY = d.location.getLat();
  var markerOption = {
   map: mapObj,icon: "http://webapi.amap.com/images/" + (i + 1) + ".png",position: new AMap.LngLat(lngX,latY)
  };
  var mar = new AMap.Marker(markerOption);
  marker.push(new AMap.LngLat(lngX,latY));

  var infoWindow = new AMap.InfoWindow({
   content: "<h3><font color=\"#00a6ac\"> " + (i + 1) + ". " + d.name + "</font></h3>" + TipContents(d.type,d.address,d.tel),size: new AMap.Size(300,0),autoMove: true,offset: new AMap.Pixel(0,-30)
  });
  windowsArr.push(infoWindow);
  var aa = function (e) {
   var nowPosition = mar.getPosition(),lng_str = nowPosition.lng,lat_str = nowPosition.lat;
   infoWindow.open(mapObj,nowPosition);
   document.getElementById("lngX").value = lng_str;
   document.getElementById("latY").value = lat_str;
  };
  AMap.event.addListener(mar,"mouseover",aa);
 }

 //infowindow顯示內容
 function TipContents(type,address,tel) { //窗體內容
  if (type == "" || type == "undefined" || type == null || type == " undefined" || typeof type == "undefined") {
   type = "暫無";
  }
  if (address == "" || address == "undefined" || address == null || address == " undefined" || typeof address == "undefined") {
   address = "暫無";
  }
  if (tel == "" || tel == "undefined" || tel == null || tel == " undefined" || typeof address == "tel") {
   tel = "暫無";
  }
  var str = " 地址：" + address + "<br /> 電話：" + tel + " <br /> 型別：" + type;
  return str;
 }

 function keydown(event) {
  var key = (event || window.event).keyCode;
  var result = document.getElementById("result1")
  var cur = result.curSelect;
  if (key === 40) { //down
   if (cur + 1 < result.childNodes.length) {
    if (result.childNodes[cur]) {
     result.childNodes[cur].style.background = '';
    }
    result.curSelect = cur + 1;
    result.childNodes[cur + 1].style.background = '#CAE1FF';
    document.getElementById("keyword").value = result.tipArr[cur + 1].name;
   }
  } else if (key === 38) { //up
   if (cur - 1 >= 0) {
    if (result.childNodes[cur]) {
     result.childNodes[cur].style.background = '';
    }
    result.curSelect = cur - 1;
    result.childNodes[cur - 1].style.background = '#CAE1FF';
    document.getElementById("keyword").value = result.tipArr[cur - 1].name;
   }
  } else if (key === 13) {
   var res = document.getElementById("result1");
   if (res && res['curSelect'] !== -1) {
    selectResult(document.getElementById("result1").curSelect);
   }
  } else {
   autoSearch();
  }
 }
</script>
</body>
</html>

建立實體類GaoDe

package car2021.winter.com.demo.entity;

import org.springframework.format.annotation.DateTimeFormat;

/**
 * Author: PXY
 * Email: [email protected]
 * Date: 2021/1/4
 */
public class GaoDe {
 @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm:ss")
 private String time;
 private double Longitude;//經度
 private double Latitude;//維度
 private String Position;//當前位置

 public GaoDe() {
 }

 public GaoDe(String time,double Longitude,double Latitude,String Position) {
  this.time = time;
  this.Longitude = Longitude;
  this.Latitude = Latitude;
  this.Position = Position;
 }

 @Override
 public String toString() {
  return "GaoDe{" +
    "time='" + time + '\'' +
    ",Longitude=" + Longitude +
    ",Latitude=" + Latitude +
    ",Position='" + Position + '\'' +
    '}';
 }

 public String getId() {
  return time;
 }

 public void setId(String time) {
  this.time = time;
 }


 public double getLongitude() {
  return Longitude;
 }

 public void setLongitude(double longitude) {
  Longitude = longitude;
 }

 public double getLatitude() {
  return Latitude;
 }

 public void setLatitude(double latitude) {
  Latitude = latitude;
 }

 public String getTime() {
  return time;
 }

 public void setTime(String time) {
  this.time = time;
 }

 public String getPosition() {
  return Position;
 }

 public void setPosition(String position) {
  Position = position;
 }
}

建立實體類newsCode

package car2021.winter.com.demo.entity;

/**
 * Author: PXY
 * Email: [email protected]
 * Date: 2021/1/5
 */
public class NewsCode {
 private String code;
 private String message;

 public NewsCode(String code,String message) {
  this.code = code;
  this.message = message;
 }

 public String getCode() {
  return code;
 }

 public void setCode(String code) {
  this.code = code;
 }

 public String getMessage() {
  return message;
 }

 public void setMessage(String message) {
  this.message = message;
 }
}

建立介面Code

package car2021.winter.com.demo.entity;

/**
 * Author: PXY
 * Email: [email protected]
 * Date: 2021/1/5
 */
public interface Code {
 String Code_OK = "200";
 String message_OK = "資料提交成功";

 String Code_NotOK="404";
 String message_Not_Ok="資料提交失敗";

 String Code_Service="500";
 String message_Service="伺服器有點問題";

}

Mapper介面

package car2021.winter.com.demo.mapper;

import car2021.winter.com.demo.entity.GaoDe;
import org.springframework.stereotype.Repository;

/**
 * Author: PXY
 * Email: [email protected]
 * Date: 2021/1/5
 */
@Repository
public interface GaoDeMapper {
 /**
  * 將經緯度資訊插入資料庫
  */
 void insertGaoDe(GaoDe gaoDe);
}

Service

package car2021.winter.com.demo.service;

import car2021.winter.com.demo.entity.GaoDe;
import car2021.winter.com.demo.mapper.GaoDeMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

/**
 * Author: PXY
 * Email: [email protected]
 * Date: 2021/1/5
 */
@Service
public class GaoDeService {
 @Autowired
 GaoDeMapper gaoDeMapper;

 public void insertGaoDe(GaoDe gaoDe) {
  gaoDeMapper.insertGaoDe(gaoDe);
 }

}

controller

package car2021.winter.com.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * Author: PXY
 * Email: [email protected]
 * Date: 2021/1/5
 */
@Controller
public class GaoDeMap {
 @RequestMapping("/GaoDe")
 public String GaoDeMap() {
  return "GaoDe";
 }
}

package car2021.winter.com.demo.controller;

import car2021.winter.com.demo.entity.Code;
import car2021.winter.com.demo.entity.GaoDe;
import car2021.winter.com.demo.entity.NewsCode;
import car2021.winter.com.demo.service.GaoDeService;
import ch.qos.logback.core.encoder.EchoEncoder;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

/**
 * Author: PXY
 * Email: [email protected]
 * Date: 2021/1/5
 */
@RestController
public class AlterGaoDe {

 @Autowired
 private GaoDeService gaoDeService;

 @RequestMapping(value = "/submitMap",method = RequestMethod.POST)
 public NewsCode insertMap(@RequestBody GaoDe gaoDe) {
  try {
   gaoDeService.insertGaoDe(gaoDe);
   System.out.println(gaoDe);
   return new NewsCode(Code.Code_OK,Code.message_OK);
  } catch (Exception e) {
   e.printStackTrace();
   return new NewsCode(Code.Code_NotOK,Code.message_Not_Ok);
  }
 }
}

//最後啟動主類
@SpringBootApplication
@MapperScan("car2021.winter.com.demo.mapper")
public class CarInfoApplication {

 public static void main(String[] args) {
  SpringApplication.run(CarInfoApplication.class,args);
 }

}

訪問localhost://post/Gaode就是要求的介面

在這裡插入圖片描述

程式碼結構

在這裡插入圖片描述

到此這篇關於SpringBoot整合Mybatis實現高德地圖定位並將資料存入資料庫的文章就介紹到這了,更多相關SpringBoot整合Mybatis內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！

SpringBoot整合Mybatis實現高德地圖定位並將資料存入資料庫的步驟詳解

第一步配置yml檔案 server: port: 8080 spring: datasource: username: root password: 123456 url: jdbc:mysql://localhost:3306/spring?useUnicode=true&characterEncoding=utf-8&useSSL=true&

利用Vue-amap實現基於高德地圖定位（搜尋、地圖選址）

元件 <template> <div class=\"amap-page-container\" style=\"height: 400px; margin-bottom: 200px; background: #ccc\"

SpringBoot：4.SpringBoot整合Mybatis實現資料庫訪問

在公司專案開發中，使用Mybatis居多。在 SpringBoot：3.SpringBoot使用Spring-data-jpa實現資料庫訪問中，這種jpa風格的把sql語句和java程式碼放到一起，總感覺分離的不夠徹底。基於個人習慣，還是比較喜歡把程式碼

高德地圖定位api使用

高德地圖定位api使用

SpringBoot整合MyBatis實現增刪改查案例完整版

1.Spring Boot Spring Boot是一個簡化Spring開發的框架。用來監護spring應用開發，約定大於配置，去繁就簡，just run 就能建立一個獨立的，產品級的應用。

高德地圖定位(react-native-amap-geolocation)

技術標籤：高德地圖react native定位react nativeandroid 高德地圖定位(react-native-amap-geolocation)

高德地圖定位，獲取當前位置座標

<!doctype html> <html> <head> <meta charset=\"utf-8\"> <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">

SpringBoot學習：SpringBoot整合Mybatis實現資料庫連線以及基本的增刪改查操作並測試

技術標籤：java學習程式碼目錄本文將按照pom.xml檔案----resources包----java包的順序來進行記錄，並在關鍵部分加入解釋，主要是起一個記錄和總結的作用，防止自己寫完的東西忘記。

Java SpringBoot 整合Mybatis實現自動生成程式碼

注意:建立SpringBoot工程專案引入Mybatis，並在com.hello.springboot分支下建立dao，entity目錄，resources分支下建立mybatis.mapper

SpringBoot整合mybatis實現增刪改查

1、整合好環境後：環境搭建見SpringBoot開發環境搭建整合mybatis+熱部署+靜態檔案載入

SpringBoot整合MyBatis(實現前端)

SpringBoot整合MyBatis(實現前端) 使用MyBatis Generatot外掛系統要求 Java 8+ springBoot2.5 + 建立springBoot專案工程

leaflet前端JS實現高德地圖POI興趣點批量分類下載(附原始碼下載)

前言 leaflet 入門開發系列環境知識點了解： leaflet api文件介紹，詳細介紹 leaflet 每個類的函式以及屬性等等

高德地圖五一出行大資料：十大自駕熱門景區出爐，杭州西湖居首

5 月 5 日訊息，今年“五一”小長假時間調整為 5 天，加長版小長假成為民眾出遊的好時機。高德地圖交通大資料顯示，2021 年 5 月 1 日至 4 日全國高速擁堵里程較 2020 年同期上升 29.7%，為歷年最高。

springboot整合websocket實現給擔任或多人傳送資料

伺服器端： @Configuration public class WebSocketConfig { @Bean public ServerEndpointExporter serverEndpointExporter() {

springboot docker jenkins 自動化部署並上傳映象的步驟詳解

springboot + docker + jenkins自動化部署專案，jenkins、mysql、redis都是docker執行的，並且沒有使用虛擬機器，就在阿里雲伺服器（centos7）執行

Vue使用高德地圖實現城市定位

本文例項為大家分享了使用高德地圖實現城市定位的具體www.cppcns.com程式碼，供大家參考，具體內容如下

vue2中使用高德地圖實現搜尋定位(一)

vue2專案中有用到高德地圖,以此記錄: 需求:搜尋可定位地點過程:在vue2項執行起地圖,在點圖實現點標記,搜尋功能,切換標記

SpringBoot整合mybatis結合pageHelper外掛實現分頁

SpringBoot整合mybatis分頁操作 SpringBoot整合Mybatis進行分頁操作，這裡需要使用Mybatis的分頁外掛：pageHelper，

vue專案使用高德地圖的定位及關鍵字搜尋功能的例項程式碼(踩坑經驗)

1.首先在index.html引入高德地圖的祕鑰。如圖：注意：如果使用關鍵字搜尋功能要加上 plugin=AMap.Autocomplete,AMap.PlaceSearch，否則功能無法使用，並會報錯

高德地圖API-搜尋提示並定位到位置，衛星地圖和標準地圖的切換

// _yourMap地圖例項 _yourMap.plugin(["AMap.MapType"], function () {//新增地圖型別切換外掛

SpringBoot整合Mybatis實現高德地圖定位並將資料存入資料庫的步驟詳解

相關推薦