脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js获取经纬度

js 获取经纬度的实现方法

 更新时间：2016年06月20日 11:44:57   投稿：jingxian  
下面小编就为大家带来一篇js 获取经纬度的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

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重载函数的辅助方法2

    添加JavaScript重载函数的辅助方法2

    话说，人就是要被关注才有动力啊于是修改了下上次写的《添加JavaScript重载函数的辅助方法》在添加方法的时候增加了一个参数 用于限制参数的类型。
    2010-07-07
  • JS实现五星好评效果

    JS实现五星好评效果

    这篇文章主要为大家详细介绍了JS实现五星好评效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • js实现随机点名功能

    js实现随机点名功能

    这篇文章主要为大家详细介绍了js实现随机点名功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • 微信小程序组件开发之可视化电影选座功能

    微信小程序组件开发之可视化电影选座功能

    开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果,下面这篇文章主要给大家介绍了关于微信小程序组件开发之可视化电影选座功能的相关资料,需要的朋友可以参考下
    2021-08-08
  • 使用JS的input框实现音频文件的上传与播放功能

    使用JS的input框实现音频文件的上传与播放功能

    最近的系统加的功能是越来越多了,前两天老板又让实现一个录音上传的功能,可以点击播放按钮打开音频播放器,点击暂停按钮暂定播放,想了想决定使用input框的file类型加上接收的参数为audio来实现此功能,感兴趣的朋友可以参考下
    2024-06-06
  • 使用electron制作满屏心特效的示例代码

    使用electron制作满屏心特效的示例代码

    这篇文章主要介绍了使用electron制作满屏心特效的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • js和jquery实现tab状态栏切换效果

    js和jquery实现tab状态栏切换效果

    这篇文章主要为大家详细介绍了js和jquery实现tab状态栏切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-08-08
  • Three.js渲染模型卡顿问题的一些优化办法

    Three.js渲染模型卡顿问题的一些优化办法

    用ThreeJS加载大模型总要遇到性能问题,性能优化一般包括加载性能优化、渲染帧率优化、内存优化等,下面这篇文章主要给大家介绍了关于Three.js渲染模型卡顿问题的一些优化办法,需要的朋友可以参考下
    2024-02-02
  • 禁止你的左键复制实用技巧

    禁止你的左键复制实用技巧

    左键复制对于所有人来说有好有坏，例如原创内容就不想被别人复制，接下来介绍一种方法，有需要的朋友可以参考下
    2013-01-01
  • js验证电话号码与手机支持+86的正则表达式

    js验证电话号码与手机支持+86的正则表达式

    本篇文章主要介绍了js验证电话号码与手机支持+86的正则表达式。需要的朋友可以过来参考下，希望对大家有所帮助
    2014-01-01

最新评论