首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在谷歌地图上以最佳方式显示HTML5地理位置精度

如何在谷歌地图上以最佳方式显示HTML5地理位置精度
EN

Stack Overflow用户
提问于 2011-07-13 02:16:57
回答 1查看 11.5K关注 0票数 17

我想:

  1. 使用HTML5
  2. display收集用户的纬度、经度和精度。HTML5
  3. display在谷歌地图中以点的形式显示
  4. 更改点的大小以及地图的比例,以反映位置的准确性。

这应该是可能的,但我还没有看到有人实现这一点。

EN

回答 1

Stack Overflow用户

发布于 2011-07-15 05:08:28

应该是可能的。根据此位置,HTML5 article对象返回以米为单位的精度属性。

google map api能够在给定中心点(lat,lng)和半径(以米为单位)的情况下绘制圆。

我是这样想的:

代码语言:javascript
复制
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
var accuracy = position.coords.accuracy;

var centerPosition = new google.maps.LatLng(latitude, longitude);

var marker = new google.maps.Marker({
   position: centerPosition,
   map: //your map,
   icon: //the dot icon
});

var circle = new google.maps.Circle({
    center: centerPosition,
    radius: accuracy,
    map: //your map,
    fillColor: //color,
    fillOpacity: //opacity from 0.0 to 1.0,
    strokeColor: //stroke color,
    strokeOpacity: //opacity from 0.0 to 1.0
});

//set the zoom level to the circle's size
map.fitBounds(circle.getBounds());
票数 24
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6669037

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档