高德地图+mui 经纬度换文字地址

changeLL2text.js

function onComplete(lng,lat) {
    $.ajax({
    type: "POST",
    url: 'https://restapi.amap.com/v3/geocode/regeo?location=' + lng + ',' + lat + '&key=不告诉你们我的key',
    dataType: "JSONP",
    success: function(data) {
        if(parseInt(data.status) == 1) {
            var reg = data.regeocode;
            console.log(reg.formatted_address);
            changed(reg.formatted_address)
        }
       }
    });
}

 

引入(xxxxxx:是申请到的key)

<script language=javascript src='https://webapi.amap.com/maps?v=2.0&key=xxxxxxxxx'></script>

<script src="js/changeLL2text.js" type="text/javascript" charset="utf-8"></script>

 

mui.plusReady(function(){
    onComplete(104.066143,30.573095)
})
function changed(a){
    alert(a)
}

 

Spring MVC 是一个基于 Java 的实现了 MVC 设计模式的请求驱动类型的轻量级 Web 框架,而 MUI 是一个前端框架,用于制作跨平台的触屏应用。在 Spring MVC 中结合 MUI 实现相机图册上传,通常需要以下几个步骤: 1. **前端实现:**在移动端页面上,使用 MUI 的组件来实现一个相机或者图册的选择界面。用户点击上传按钮后,可以选择拍照或者从图册中选择图片。 2. **表单提交:**使用 MUI 的表单提交功能,将选中的图片以多部分表单(multipart/form-data)的形式提交到后端服务器。Spring MVC 会处理这种类型的数据。 3. **后端接收:**在 Spring MVC 中,创建一个 Controller 控制器来接收上传的文件。使用 `@RequestMapping` 注解映射请求,并通过 `@RequestParam` 注解接收文件类型参数。使用 Spring 的 `MultipartFile` 类型参数来接收上传的文件。 4. **文件处理:**在 Controller 的方法中,可以通过 `MultipartFile` 提供的方法来获取上传的文件信息和文件内容,并进行相应的处理,比如保存到服务器的文件系统中,或者存储到数据库中。 5. **响应处理:**上传成功后,返回一个 JSON 或其他格式的响应给前端,告知上传结果。 以下是一个简化的代码示例,用于说明上述过程: **前端 HTML 示例:** ```html <form id="uploadForm" enctype="multipart/form-data"> <input type="file" name="file" accept="image/*" capture="camera" /> <input type="submit" value="上传"> </form> <script> document.getElementById('uploadForm').onsubmit = function(e) { e.preventDefault(); var formData = new FormData(this); // 使用 Fetch API 或其他方法将 formData 发送到后端 }; </script> ``` **后端 Spring MVC Controller 示例:** ```java @Controller public class FileUploadController { @RequestMapping(value = "/upload", method = RequestMethod.POST) public @ResponseBody String handleFileUpload(@RequestParam("file") MultipartFile file) { if (!file.isEmpty()) { try { // 获取文件名并保存文件 String originalFilename = file.getOriginalFilename(); file.transferTo(new File("保存路径/" + originalFilename)); return "文件上传成功"; } catch (Exception e) { return "文件上传失败"; } } else { return "上传的文件为空"; } } } ```
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值