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系列(27):设计模式之建造者模式详解
Mar 03 Javascript
Jqgrid之强大的表格插件应用
Dec 02 Javascript
JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
Jan 25 Javascript
javascript中apply、call和bind的使用区别
Apr 05 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
javascript基于定时器实现进度条功能实例
Oct 13 Javascript
解决vue-router进行build无法正常显示路由页面的问题
Mar 06 Javascript
JS中原始值和引用值的储存方式示例详解
Mar 23 Javascript
Angular4学习笔记router的简单使用
Mar 30 Javascript
在博客园博文中添加自定义右键菜单的方法详解
Feb 05 Javascript
手把手教你实现 Promise的使用方法
Sep 02 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
台湾中原大学php教程孙仲岳主讲
2008/01/07 PHP
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
PHP生成静态HTML文档实现代码
2016/06/23 PHP
PHP 以POST方式提交XML、获取XML,解析XML详解及实例
2016/10/26 PHP
PHP递归算法的简单实例
2019/02/28 PHP
js判断样式className同时增加class或删除class
2013/01/30 Javascript
js有序数组的连接问题
2013/10/01 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
2014/02/10 Javascript
JavaScript中setFullYear()方法的使用详解
2015/06/11 Javascript
jQuery防止重复绑定事件的解决方法
2016/05/14 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
js图片上传的封装代码
2017/08/01 Javascript
ES6之模版字符串的具体使用
2018/05/17 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
2018/08/10 Javascript
js中获取URL参数的共用方法getRequest()方法实例详解
2018/10/24 Javascript
node.js实现微信开发之获取用户授权
2019/03/18 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
vue路由分文件拆分管理详解
2020/08/13 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
[38:39]完美世界DOTA2联赛循环赛 IO vs GXR BO2第二场 11.04
2020/11/05 DOTA
python元组操作实例解析
2014/09/23 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
vue+django实现下载文件的示例
2021/03/24 Vue.js
消防安全汇报材料
2014/02/08 职场文书
交通安全教育心得体会
2016/01/15 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android
Python 语言实现六大查找算法
2021/06/30 Python