这两天用了Google Maps JavaScript API 中的一个自动填充地址表单的api,api地址是:https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

使用的时候,填入详细地址,google map api就会去获取这个地址的详细信息,如国家、州、邮编等,从而可以达到去自动填充地址表单信息的目的。

很方便有木有!文档上有很详细的使用示例,当你把这个html文件拷贝到你的本地区运行是完全没有问题的。

可是当你把这个样例在实际项目中使用时,浏览器会有警告:getCurrentPosition() and watchPosition() are deprecated on insecure origins, and support will be removed in the future. You should consider switching your application to a secure origin, such as HTTPS. See https://goo.gl/rStTGz for more details.

这下可不就傻眼了吗?难道你还要为了用这个api要去用https协议?瞬间不爱了,幸好找到了它,ng-map:http://ngmap.github.io/#/!places-auto-complete.html

简直是nice! 我正是在项目中用了angularjs。

那就没什么好说的了,这个文档也很详细,移植到你的项目中就好了。

如果你还没有使用angularjs ,那么现在是时候了。

Google Maps JavaScript API 使用相关推荐

  1. ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性...

    ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性 <%@ Page Language="C#" Auto ...

  2. ASP.NET Google Maps Javascript API V3 实战基础篇一检测用户位置

    ASP.NET Google Maps Javascript API V3 实战基础篇一检测用户位置 对于一些基本的东西,google maps JavaScript api v3 文档已经讲解得足够 ...

  3. Google maps javascript api v3 叠加层(Overlays)介绍

    很多人尝试google maps api的开发,通常会涉及到在Google maps上进行标注功能的开发.Helloj2ee学习一项技术通常不在看书,而是多以帮助为主.当我看完之后,我将Overlay ...

  4. Google Maps JavaScript API V3 叠加层

    注意:以下网页中提到的 Google Maps JavaScript API 第 3 版现在是正式的 JavaScript API 版本.该 API 的第 2 版已根据我们的弃用政策正式弃用.欢迎您将 ...

  5. Google Maps JavaScript API V3的使用(四)

    Google Maps JavaScript API V3 叠加层 叠加层概述 叠加层是地图上与纬度/经度坐标绑定的对象,会随您拖动或缩放地图而移动.叠加层表示的是"添加"到地图中 ...

  6. HTML5中快速运用Google Maps JavaScript API V3

    因论坛方吃图,我已经做了Word文档供下载,请去下载:http://download.csdn.net/detail/david1030/4464369 第一个示例: 几点需要注意: 我们使用了< ...

  7. Google Maps JavaScript API V3 根据地址 加载地图

    效果图如下: javascript代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...

  8. Google Maps JavaScript API V3 官方网站

    http://code.google.com/intl/zh-CN/apis/maps/ http://code.google.com/intl/zh-CN/apis/maps/documentati ...

  9. Google Maps Android API v2官网例子使用说明

    2019独角兽企业重金招聘Python工程师标准>>> 1.安装Google Play services SDK Google Maps SDK已经作为Google Play ser ...

最新文章

  1. python中的turtle函数_1.常用turtle功能函数
  2. 使用XML模板在excel进行配置
  3. Android面试题目之三: 字符串转整形
  4. 微信iOS版更新:可批量管理不常联系的朋友
  5. 【Workshshop No.3 | Kyligence X 青云QingCloud Workshop】零基础搭建云上大数据平台
  6. Scala学习笔记-环境搭建以及简单语法
  7. windows简易版本 Redis 使用 demo样例(ssm框架下)
  8. arcgis server mysql_ArcGIS Server 10.1发布要素服务时遇到的数据库注册问题总结 (二)...
  9. 关于git和SVN的介绍和区别
  10. 网易2018校园招聘编程题真题 合唱
  11. 在MySQL数据库中进行模糊查询_数据库模糊查询
  12. CRC8校验算法总结
  13. 30套后台管理界面分享
  14. 四.电影/综艺网站(包含搜索经验, 我的经验, 必看) 彻底帮你解决看电影/综艺的问题
  15. 微信小程序怎么开通(自己申请开通微信小程序的方法)
  16. 每日一题 极限值为5201314
  17. 解决:word文档中插入照片有一部分不显示
  18. SpringBoot通过dubbo-spring-boot-starter整合Dubbo出现的问题
  19. 分布式(四)——了解PRC
  20. 计算机毕设网页设计源码——HTML+CSS+JS+Bootstrap在线音乐试听播放网站模板

热门文章

  1. 2019年国赛高教杯数学建模E题薄利多销分析解题全过程文档及程序
  2. Servlet中的监听器与过滤器的详细介绍
  3. 实现Windows XP自动登录的两种方法
  4. python基础-Task3
  5. Java 三大器之监听器Listener
  6. (转载)NB-IoT和eMTC异同
  7. Staubli HCB08.7202/IC/JS3
  8. 春季人才市场外企就业竞争最激烈销售岗位需求量最大
  9. 真正解决layer弹层遮罩挡住窗体的问题
  10. The softwares are used in Flex developing