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 相关文章推荐
JavaScript Event学习第六章 事件的访问
Feb 07 Javascript
javascript实现的一个随机点名功能
Aug 26 Javascript
thinkphp 表名 大小写 窍门
Feb 01 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
AngularJS入门教程之双向绑定详解
Aug 18 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
Jan 12 Javascript
Vue 滚动行为的具体使用方法
Sep 13 Javascript
无限循环轮播图之运动框架(原生JS实现)
Oct 01 Javascript
微信小程序功能之全屏滚动效果的实现代码
Nov 22 Javascript
小程序Request的另类用法详解
Aug 09 Javascript
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
详解vue3.0 diff算法的使用(超详细)
Jul 01 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 fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
php输出xml属性的方法
2015/03/19 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
Javascript 日期处理之时区问题
2009/10/08 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
简单实现js拖拽效果
2017/07/25 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
JS重学系列之聊聊new操作符
2019/03/04 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
JS apply用法总结和使用场景实例分析
2020/03/14 Javascript
es6函数中的作用域实例分析
2020/04/18 Javascript
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
Python正则表达式的使用范例详解
2014/08/08 Python
介绍Python的Django框架中的QuerySets
2015/04/20 Python
浅谈python 线程池threadpool之实现
2017/11/17 Python
实例讲解python中的序列化知识点
2018/10/08 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
python机器学习库xgboost的使用
2020/01/20 Python
Python抓新型冠状病毒肺炎疫情数据并绘制全国疫情分布的代码实例
2020/02/05 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
Python正则表达式高级使用方法汇总
2020/06/18 Python
整理HTML5的一些新特性与Canvas的常用属性
2016/01/29 HTML / CSS
越南电子产品购物网站:FPT Shop
2017/12/02 全球购物
英格兰足协官方商店:England Store
2019/07/12 全球购物
会计实习生自我鉴定
2013/12/12 职场文书
新闻专业个人求职信
2013/12/19 职场文书
校园学雷锋广播稿
2014/10/08 职场文书
十大冰系宝可梦排名,颜值最高的阿罗拉九尾,第三使用率第一
2022/03/18 日漫
Python之matplotlib绘制折线图
2022/04/13 Python