vue+go实现地理位置实现（经度，纬度入库）

酸宁宁

于 2019-04-28 21:07:20 发布

阅读量1.4k

点赞数 4

分类专栏： go Vue 文章标签： go+vue

本文链接：https://blog.csdn.net/weixin_43243070/article/details/89645945

版权

本文介绍了如何结合Vue和Go来实现地理位置信息的获取及存储。在Vue部分，通过配置webpack并创建Map.vue页面，用户输入位置后可以获取到经度和纬度。在Go部分，通过编写MapController.go处理前端提交的数据，并启动服务完成入库操作。

摘要由CSDN通过智能技术生成

首先具备好的vue、go已安装好

一、vue

1、进入vue根目录，cmd命令窗口启动服务：npm run dev
在这里插入图片描述
2）这是获取百度的地理位置(我命名是Map.vue页面)

<template>

	<div id="div">
		<form action="http://www.beego.hk/mapadd" method="post">//这是一个添加地址，跳转到go的一个添加模块中
			店名：<input type="text" name="seller"><br />
			号码：<input type="text" name="tel"><br />
			<!--头像：<input type="text" name="img"><br/>-->
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			要查询的地址：<input id="text_" type="text" placeholder="请输入位置" />
			<!--查询结果(经纬度)：<input id="result_" type="text" :value="lng"+"lat" />-->
			<input type="button" value="查询" v-on:click="searchByStationName();" /><br />
			经&nbsp;&nbsp;&nbsp;：<input type="text" name="longitude" id="lngs" :value="lng"><br />
			纬&nbsp;&nbsp;&nbsp;：<input type="text" name="latitude" id="lats" :value="lat"><br /