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 相关文章推荐
this和执行上下文实现代码
Jul 01 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
Jan 20 Javascript
jQuery扁平化风格下拉框美化插件FancySelect使用指南
Feb 10 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
JavaScript 对象字面量讲解
Jun 06 Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 Javascript
Bootstrap框架的学习教程详解(二)
Oct 18 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
Three.js的使用及绘制基础3D图形详解
Apr 27 Javascript
Vue使用vux-ui自定义表单验证遇到的问题及解决方法
May 10 Javascript
vue列表单项展开收缩功能之this.$refs的详解
May 05 Javascript
JavaScript Math对象和调试程序的方法分析
May 13 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 字符串操作入门教程
2006/12/06 PHP
实用函数7
2007/11/08 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
php读取目录及子目录下所有文件名的方法
2014/10/20 PHP
PHP如何使用Memcached
2016/04/05 PHP
PHP封装的MSSql操作类完整实例
2016/05/26 PHP
iOS10推送通知开发教程
2016/09/19 PHP
php实现的统计字数函数定义与使用示例
2017/07/26 PHP
JS查看对象功能代码
2008/04/25 Javascript
理解Javascript_14_函数形式参数与arguments
2010/10/20 Javascript
关于Javascript模块化和命名空间管理的问题说明
2010/12/06 Javascript
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
Javascript写入txt和读取txt文件示例
2014/02/12 Javascript
Javascript中的Array数组对象详谈
2014/03/03 Javascript
我的NodeJs学习小结(一)
2014/07/06 NodeJs
JQuery勾选指定name的复选框集合并显示的方法
2015/05/18 Javascript
JavaScript表单验证实例之验证表单项是否为空
2016/01/10 Javascript
javascript 解决浏览器不支持的问题
2016/09/24 Javascript
需要牢记的JavaScript基础知识
2016/09/25 Javascript
基于JQuery及AJAX实现名人名言随机生成器
2017/02/10 Javascript
JavaScript实现三级联动效果
2017/07/15 Javascript
vue resource post请求时遇到的坑
2017/10/19 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
详解vue在项目中使用百度地图
2019/03/26 Javascript
Angular脚手架开发的实现步骤
2019/04/09 Javascript
vue-router源码之history类的浅析
2019/05/21 Javascript
javascript 数组精简技巧小结
2020/02/26 Javascript
python协程用法实例分析
2015/06/04 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
Pycharm Git 设置方法
2020/09/15 Python
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
行政人员工作职责
2013/12/05 职场文书
农村婚礼证婚词
2014/01/10 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
惊涛骇浪观后感
2015/06/05 职场文书
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js