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 清空form表单中某种元素的值
Dec 26 Javascript
JavaScript中json对象和string对象之间相互转化
Dec 26 Javascript
js实现快速分享功能(你的文章分享工具)
Jun 25 Javascript
使用js判断当前时区TimeZone是否是夏令时
Feb 23 Javascript
js表单中选择框值的获取及表单的序列化
Dec 17 Javascript
jQuery点击其他地方时菜单消失的实现方法
Apr 22 Javascript
jquery 动态合并单元格的实现方法
Aug 26 Javascript
Bootstrap风格的zTree右键菜单
Feb 17 Javascript
Vue项目中引入外部文件的方法(css、js、less)
Jul 24 Javascript
Vue学习笔记之表单输入控件绑定
Sep 05 Javascript
Vue文件配置全局变量的实例
Sep 06 Javascript
Vue移动端项目实现使用手机预览调试操作
Jul 18 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
4.与数据库的连接
2006/10/09 PHP
文章推荐系统(二)
2006/10/09 PHP
PHP脚本的10个技巧(6)
2006/10/09 PHP
dedecms采集中可以过滤多行代码的正则表达式
2007/03/17 PHP
Zend Framework 2.0事件管理器(The EventManager)入门教程
2014/08/11 PHP
PHP中使用CURL获取页面title例子
2015/01/07 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
浅谈php中变量的数据类型判断函数
2017/03/04 PHP
IE8对JS通过属性和数组遍历解析不一样的地方探讨
2013/05/06 Javascript
Query中click(),bind(),live(),delegate()的区别
2013/11/19 Javascript
jquery表单验证框架提供的身份证验证方法(示例代码)
2013/12/27 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
js动态生成form 并用ajax方式提交的实现方法
2016/09/09 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
Bootstrap基本样式学习笔记之标签(5)
2016/12/07 Javascript
使用 NodeJS+Express 开发服务端的简单介绍
2017/04/07 NodeJs
Bootstrap实现基于carousel.js框架的轮播图效果
2017/05/02 Javascript
mockjs+vue页面直接展示数据的方法
2018/12/19 Javascript
vue双向绑定数据限制长度的方法
2019/11/04 Javascript
低版本中Python除法运算小技巧
2015/04/05 Python
python写入xml文件的方法
2015/05/08 Python
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
python ansible服务及剧本编写
2017/12/29 Python
Python用sndhdr模块识别音频格式详解
2018/01/11 Python
python中kmeans聚类实现代码
2018/02/23 Python
Space NK美国站:英国高端美妆护肤商城
2017/05/22 全球购物
Linux操作面试题
2012/05/16 面试题
自荐书模板
2013/12/15 职场文书
餐厅筹备计划书
2014/04/25 职场文书
毕业生代领毕业材料的授权委托书
2014/09/29 职场文书
西安导游词
2015/02/12 职场文书
教师网络培训心得体会
2016/01/09 职场文书
如何撰写促销方案?
2019/07/05 职场文书
python调试工具Birdseye的使用教程
2021/05/25 Python