点击这个按钮,获得您的位置:

试一下

var x=document.getElementById("demo");

function getLocation()

{

if (navigator.geolocation)

{

navigator.geolocation.getCurrentPosition(showPosition,showError);

}

else{x.innerHTML="Geolocation is not supported by this browser.";}

}

function showPosition(position)

{

lat=position.coords.latitude;

lon=position.coords.longitude;

latlon=new google.maps.LatLng(lat, lon)

mapholder=document.getElementById('mapholder')

mapholder.style.height='250px';

mapholder.style.width='500px';

var myOptions={

center:latlon,zoom:14,

mapTypeId:google.maps.MapTypeId.ROADMAP,

mapTypeControl:false,

navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}

};

var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);

var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});

}

function showError(error)

{

switch(error.code)

{

case error.PERMISSION_DENIED:

x.innerHTML="User denied the request for Geolocation."

break;

case error.POSITION_UNAVAILABLE:

x.innerHTML="Location information is unavailable."

break;

case error.TIMEOUT:

x.innerHTML="The request to get user location timed out."

break;

case error.UNKNOWN_ERROR:

x.innerHTML="An unknown error occurred."

break;

}

}

不知道为什么一直获取不了经度和纬度   是代码问题还是本来就获取不了

html5打开页面直接取纬度,html5获取不了经度和纬度相关推荐

  1. html5获取纬度经度,html5获取不了经度和纬度

    点击这个按钮,获得您的位置: 试一下 var x=document.getElementById("demo"); function getLocation() { if (nav ...

  2. Html5的页面基本结构标签,HTML5:简介和文档基本结构

    1)HTML5:http://www.w3.org/TR/html5/ HTML5简介 HTML5实际上是一系列用来制作现代富Web内容的相关技术的总称,其中最重要的三项技术是HTML5核心规范.CS ...

  3. 如何判断经度纬度java,java-如何计算经度和纬度之间的差异?

    我需要计算当前位置的经度和纬度之差 和以前的位置.但它以指数格式显示结果,我需要它 米.我不明白如何将其转换为米格式. 需要哪个公式? double distance2 = distanceCalcu ...

  4. 个人空间html5主页面,2.HTML 教程- (HTML5 简介)

    HTML 教程- (HTML5 简介) 例: 菜鸟教程(runoob.com) 我的第一个标题 我的第一个段落. 实例解析 声明为 HTML5 文档 元素是 HTML 页面的根元素 定义网页编码格式为 ...

  5. angular2页面抓取_angular2怎么获取目前高度?

    AngularJS 是一个 JavaScript框架.它是一个以 JavaScript 编写的库.它可通过 获取当前页面高度:angApp.controller('LeaderCtrl', funct ...

  6. html5给页面添加树叶特效,html5 canvas树叶光标动画特效

    特效描述:html5 canvas树叶 光标动画特效.html5 canvas虚幻的树叶光标动画. 代码结构 1. 引入JS 2. HTML代码 // Hold mouse down to enter ...

  7. html5登录页面自动记住密码,html5超简单的localStorage实现记住密码的功能实现

    HTML5 提供了两种在客户端存储数据的新方法: localStorage – 没有时间限制的数据存储 sessionStorage – 针对一个 session 的数据存储 之前,这些都是由 coo ...

  8. html5 打开网页自动全屏,html5 网页全屏显示

    1.统一样式 因为不同的浏览器的样式不一致,所以,最好统一样式 :-webkit-full-screen { /* properties */ } :-moz-full-screen { /* pro ...

  9. HTML5手机浏览器获取经度和纬度(百度API)

    网页获取用户位置信息的办法 1 调用百度地图的地图标注功能,通过百度地图API获取对应的经度和纬度进而获取地区信息优点是比较准确,缺点是需要用户自己选择位置 2 通过H5 geolocation属性获 ...

  10. html5 获取 坐标 ios,HTML5 安卓|苹果浏览器获取经度和纬度(百度API)

    有时候需要用户注册时所处的地理位置信息,所以H5获取地图经纬度及地址信息也是不少开发者会遇到的,当然通过微信或小程序内置的功能就不存在这个问题了 由于H5自带的navigator.geolocatio ...

最新文章

  1. EasyTable2.1 功能更加强大,bug全面修复的html table插件!
  2. Linux疑难杂症解决方案100篇(十四)-Linux scp 使用详解
  3. 细学PHP 14 mysql-4
  4. 240多个jQuey插件
  5. char型变量能不能存储一个中文汉字重写和重载的规则
  6. PL/SQL跨库查询数据
  7. 论文阅读笔记(十一)——Mobilenet-SSDv2: An Improved Object Detection Model for Embedded Systems
  8. Redis的数据类型(对象)
  9. 阶段1 语言基础+高级_1-3-Java语言高级_06-File类与IO流_08 转换流_5_InputStreamReader介绍代码实现...
  10. Android类加载器
  11. 仿网易云和支付宝首页嵌套滑动
  12. 大话设计模式之爱你一万年:第三章 创建型模式:工厂模式:我想让你坐在宝马里笑:5.工厂模式之抽象工厂模式
  13. 老徐WEB:js入门学习 - javascript对象之Date对象
  14. 数字逻辑——时序逻辑电路
  15. 下载丨66页PDF,云和恩墨技术通讯(2022年7月刊)
  16. CSS—— grid 网格布局
  17. Unity实现众多平台一键社会化分享(ShareSDK)
  18. 照片做视频哪个软件好?简单但好用
  19. Linux永久修改主机名
  20. Sqlite3小结(小型数据库中增删改查的操作)

热门文章

  1. 求两个数的最小公倍数和最大公因数
  2. 在开源中国众包那里放了一个东西
  3. Flink流处理框架下的交通灯控制器
  4. oracle新增字段和注释语法
  5. mac转换pin计算机,用MAC地址转换PIN码.docx
  6. 对分易教学平台考勤漏洞探索,批量签到app制作杂谈
  7. Android-组件化开发
  8. mac电脑查看CPU温度
  9. 我的 2020 年终总结
  10. 微信小程序Animation动画的使用