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随机排序(随即出牌)
Sep 17 Javascript
JS维吉尼亚密码算法实现代码
Nov 09 Javascript
jquery延迟加载外部js实现代码
Jan 11 Javascript
使用JS CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
jQuery实现向下滑出的平滑下拉菜单效果
Aug 21 Javascript
原生JavaScript实现瀑布流布局
Jun 28 Javascript
JS实现滑动门效果的方法详解
Dec 19 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
Sep 23 Javascript
json解析大全 双引号、键值对不在一起的情况
Dec 06 Javascript
vue框架中props的typescript用法详解
Feb 17 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 版获取重定向后的地址(代码)
2013/06/26 PHP
Laravel框架定时任务2种实现方式示例
2018/12/08 PHP
一个用js实现的页内搜索代码
2007/05/23 Javascript
prototype Element学习笔记(篇二)
2008/10/26 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
Node.js模块加载详解
2014/08/16 Javascript
jquery 动态合并单元格的实现方法
2016/08/26 Javascript
nodejs 图片预览和上传的示例代码
2017/09/30 NodeJs
原生JS实现手动轮播图效果实例代码
2018/11/22 Javascript
微信小程序实现卡片左右滑动效果的示例代码
2019/05/01 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
2019/11/26 Javascript
微信小程序中的上拉、下拉菜单功能
2020/03/13 Javascript
使用element-ui +Vue 解决 table 里包含表单验证的问题
2020/07/17 Javascript
ES2020让代码更优美的运算符 (?.) (??)
2021/01/04 Javascript
vue实现轮播图帧率播放
2021/01/26 Vue.js
在Django的模板中使用认证数据的方法
2015/07/23 Python
详解Python中的变量及其命名和打印
2016/03/11 Python
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
Python实现爬虫抓取与读写、追加到excel文件操作示例
2018/06/27 Python
Python动态导入模块的方法实例分析
2018/06/28 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
AUC计算方法与Python实现代码
2020/02/28 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
HTML5自定义属性的问题分析
2019/08/16 HTML / CSS
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
如何利用cmp命令比较文件
2016/04/11 面试题
环境科学专业个人求职信
2013/09/26 职场文书
工程部主管岗位职责
2013/11/17 职场文书
心得体会怎么写
2013/12/30 职场文书
北体毕业生求职信
2014/02/28 职场文书
计算机相关专业自荐信
2014/07/02 职场文书
JVM之方法返回地址详解
2022/02/28 Java/Android
MySQL中一条update语句是如何执行的
2022/03/16 MySQL