js 获取经纬度的实现方法


Posted in Javascript onJune 20, 2016

js 获取经纬度的实现方法

<!-- 
 copyright (c) 2009 Google inc. 
 You are free to copy and use this sample. 
 License can be found here: http://code.google.com/apis/ajaxsearch/faq/#license 
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
 <head> 
  <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
  <title>Google Maps API Sample</title> 
  <style type="text/css"> 
   @import url("http://www.google.com/uds/css/gsearch.css"); 
   @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css"); 
  </style> 
  <script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA1XbMiDxx_BTCY2_FkPh06RRaGTYH6UMl8mADNa0YKuWNNa8VNxQEerTAUcfkyrr6OwBovxn7TDAH5Q" 
   type="text/javascript"></script> 
  <script src="http://www.google.com/uds/api?file=uds.js&v=1.0" type="text/javascript"></script> 
 
  <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script> 
  function initialize() { 
   if (GBrowserIsCompatible()) { 
    // Create and Center a Map36.1019825, 103.6055232) 
    var map = new GMap2(document.getElementById("map_canvas")); 
    map.setCenter(new GLatLng(36.1019825, 103.6055232), 13); 
    map.addControl(new GLargeMapControl()); 
    map.addControl(new GMapTypeControl()); 
   
    // bind a search control to the map, suppress result list 
    map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20))); 
     
   } 
  } 
  GSearch.setOnLoadCallback(initialize); 
 
  </script> 
 </head> 
 <body onload="initialize()" onunload="GUnload()" style="font-family: Arial;border: 0 none;"> 
  <div id="map_canvas" style="width: 500px; height: 300px"></div> 
 </body> 
</html>

以上这篇js 获取经纬度的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery动画animate方法使用介绍
May 06 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
在JavaScript应用中使用RequireJS来实现延迟加载
Jul 01 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
Jun 22 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 Javascript
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
Node.js创建HTTP文件服务器的使用示例
May 11 Javascript
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 Javascript
layui 根据后台数据动态创建下拉框并同时默认选中的实例
Sep 02 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
简单了解JavaScript弹窗实现代码
May 07 Javascript
jQuery实现调整表格单列顺序完整实例
Jun 20 #Javascript
JS作为值的函数用法示例
Jun 20 #Javascript
jQuery简单实现tab选项卡切换效果
Jun 20 #Javascript
JS事件添加和移出的兼容写法示例
Jun 20 #Javascript
Javascript操作表单实例讲解(下)
Jun 20 #Javascript
jQuery获取多种input值的简单实现方法
Jun 20 #Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 #Javascript
You might like
解析php中获取url与物理路径的总结
2013/06/21 PHP
php初始化对象和析构函数的简单实例
2014/03/11 PHP
用JavaScript和注册表脚本实现右键收藏Web页选中文本
2007/01/28 Javascript
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
JavaScript CSS修改学习第一章 查找位置
2010/02/19 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
extjs 分页使用jsp传递数据示例
2014/07/29 Javascript
原生javascript实现隔行换色
2015/01/04 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
JS关于刷新页面的相关总结
2018/05/09 Javascript
详解ECMAScript typeof用法
2018/07/25 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
Python实现迭代时使用索引的方法示例
2018/06/05 Python
python爬虫自动创建文件夹的功能
2018/08/01 Python
详解Pandas之容易让人混淆的行选择和列选择
2019/07/10 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
html5简介_动力节点Java学院整理
2017/07/07 HTML / CSS
自动化专业个人求职信范文
2013/12/30 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
莫言诺贝尔获奖演讲稿
2014/05/21 职场文书
法学院毕业生求职信
2014/06/25 职场文书
初中重阳节活动总结
2015/05/05 职场文书
写给媳妇的检讨书
2015/05/06 职场文书
小学教学工作总结2015
2015/05/13 职场文书
Vue实现tab导航栏并支持左右滑动功能
2021/06/28 Vue.js