我有一个html表单,我想嵌入谷歌地图,以便用户可以指出一些位置.提交表格后如何获取位置?

谢谢

解决方法:

虽然@zerkms给出了指向正确信息的指针,但这可能还不够.我创建了一个fiddle with a working example:帮忙.基本部分是:

>一个javaScript函数,它使用maps API来放下用户单击的标记(这是placeMarker)

>提交按钮的javaScript单击处理程序,用于阻止正常表单提交并在隐藏表单字段中记录标记的当前latlng

>调用普通表单提交

这是placeMarker代码:

function placeMarker(location) {

if (marker) {

marker.setPosition(location);

} else {

marker = new google.maps.Marker({

position: location,

map: mapInstance

});

}

}

以下是用于处理提交的jQuery代码:

$("#submitbutton").on("click", function(e) {

// Prevent normal submit action

e.preventDefault();

// Collect current latlng of marker and put in hidden form field

if (marker) {

$("#latlngfield").val(marker.getPosition().toString());

} else {

$("#latlngfield").val("not entered");

}

// Show results for debugging

submitAction();

// Uncomment this for production and remove submitAction() call

// $("#dataform").submit();

});

这是我用过的表格:

Form Information

First Name

Last Name

生产中不需要submitAction,我只想展示值的变化:

function submitAction() {

alert("Value of firstname is " + $("#firstnamefield").val());

alert("Value of lastname is " + $("#lastnamefield").val());

alert("Value of latlng is " + $("#latlngfield").val());

}

希望这可以帮助!

标签:jquery,php,google-maps

来源: https://codeday.me/bug/20190530/1183622.html

php谷歌地图,php – 使用谷歌地图提交位置相关推荐

  1. 如何提交网站地图,让谷歌、雅虎、百度统统收录

    怎样主动提交网站地图,让谷歌公司.雅虎.百度.live.com统统收录 主动提交网站地图,让Google.雅虎.百度.live.com统统收录你的博客.被动等着各大searchengine来收录你的博 ...

  2. Dataset之谷歌地图数据集:谷歌地图数据集的简介、安装、使用方法之详细攻略

    Dataset之谷歌地图数据集:谷歌地图数据集的简介.安装.使用方法之详细攻略 目录 谷歌地图数据集的简介 谷歌地图数据集的安装 谷歌地图数据集的使用方法 谷歌地图数据集的简介 谷歌地图中的1000多 ...

  3. 关于谷歌地图坐标与百度地图坐标的事

    2019独角兽企业重金招聘Python工程师标准>>> 解决方案 haotsp.com 有演示示例 众所周知地球是一个不规则椭圆体,GIS中的坐标系定义由基准面和地图投影两组参数确定 ...

  4. 谷歌历史版本_《地图中的历史》,本书中的地图,我们为你找到了高清版本

    <地图中的历史>,是英国畅销书作家约翰·O.E.克拉克2018年出版的地图史著作.本书大16开全彩精装,包含6大主题,共使用了200余张珍贵插图.其中包括了改变世界的58幅地图,遍及天文. ...

  5. 深圳电子地图 深圳高清电子地图 来自谷歌电子地图 最高19级地图

    深圳电子地图 深圳高清电子地图 来自谷歌电子地图 最高19级地图 一般来说商业用图差点儿相同就是17级左右,提供的下载全然满足大多数人浏览使用. 百度网盘下载资源:http://pan.baidu.c ...

  6. iOS定位服务与地图开发(6)---使用程序外地图之调用谷歌Web地图

    也可以借助于谷歌的web地图API进行开发地图应用程序,但这里所涉及的技术都是Web技术了,而非本地技术. 谷歌提供的地图查询URL形式如下:http://maps.google.com/maps?q ...

  7. 地图上分成一块一块区域 高德地图_在谷歌地图上绘制行政区域轮廓【结合高德地图的API】...

    实现思路: 1.利用高德地图行政区域API获得坐标列表 2.将坐标列表绘制在谷歌地图上[因为高德地图和国内的谷歌地图都是采用GCJ02坐标系,所有误差很小,可以不进行坐标误差转换] 注意点: 1.用百 ...

  8. 谷歌地图下载器中“地图艺术照”

    最经在网上流传的[8张谷歌地图"谷歌地图艺术照",颠覆艺术界对地球的认知]的确火了一把,是把用谷歌卫星地图截取的图片进行了对称镜像.地图中分别是:中国的三峡大坝:美国明尼苏达州东百 ...

  9. 谷歌地图高清卫星地图、电子地图和地形图有什么区别?

    谷歌的在线地图包括卫星地图.电子地图.和地表地形图三种,打开谷歌在线地图的网址后,可以通过右上角的的图片来切换三种地图. 一.如何切换在线地图 当前显示电子地图时,移动鼠标到地图视图的右上角小图片上面 ...

最新文章

  1. nyoj--364--田忌赛马(贪心)
  2. STM32 电机教程 7 - 步进电机开环速度控制
  3. 如何升级浏览器_绿茶浏览器app下载安装_绿茶浏览器软件最新版免费下载
  4. shell 文本后几行_shell_wc(统计数目)、head(查看前几行)、tail(查看末尾几行)...
  5. 前端开发流程与组件化
  6. windows系统SSH证书设置
  7. 预告:Intel、Hulu、阿里、京东、携程等大数据实战直播
  8. java i= i_java中 i!=i+1?你错了。 | 学步园
  9. Go语言常用的并发模式(上)
  10. Linux操作--上传本地文件到服务器
  11. 单片机程序框架设计与实现
  12. 408操作系统考研笔记!超级详细!23最新考纲
  13. java8 日期 时间 时区
  14. Spooling Directory Source 使用
  15. oracle adf源代码在哪里,第 3 章 | 从设计到实践全面了解 Oracle ADF 应用程序
  16. 【Windows系统笔记】打造一个适合自己的windows系统
  17. adb性能测试_FPS(流畅度)
  18. C++矩阵求转置矩阵
  19. 简单聊聊VisualStudio的断点调试
  20. JS javascript 睡眠

热门文章

  1. python中reversed与reverse的区别
  2. document.documentElement对象
  3. MES智能工厂信息化系统
  4. 之杰的机器学习笔记:1.机器学习概述
  5. 开源代码分析技巧之三——老外如是说
  6. win10 windows文件查找通配符
  7. linux提取最新修改文件下载,linux 解压修改jar包内容并重新打包jar
  8. 菜狗的reverse学习——攻防世界xxxorrr
  9. 大学计算机基础 教学要求,《大学计算机基础》课程教学大纲
  10. openresty中应用murmurHash