luxiaoli 发布的文章

  • WGS84坐标系

即地球坐标系(World Geodetic System),国际上通用的坐标系。设备包含的GPS芯片或者北斗芯片获取的经纬度一般都是WGS84坐标系,目前谷歌地图采用的是WGS84坐标系(中国范围除外)。

  • GCJ02坐标系

即火星坐标系,国测局坐标系。是由中国国家测绘局制定。由WGS84坐标系经加密后的坐标系。谷歌中国、搜搜中国、高德地图采用的GCJ02地理坐标系。

  • BD09坐标系

百度坐标系,GCJ02坐标系经加密后的坐标系。

  • 其他坐标系

如搜狗坐标系,图吧坐标系等。可能是GCJ02坐标系基础上加密生成的。

缘起

最近练习了一下WX小程序,小程序使用wxss描述组件样式,是css的扩展与修改,相比css扩展了尺寸单位与样式引入。

为了掌握这wxss我做了一个综合练习:时钟。最后的效果是这样的。


- 阅读剩余部分 -

来认识一下除了Marker之外的覆盖物,圆Circle、多边形Polygon、折线Polyline等。

以圆为代表来详细了解一下。圆的类名为Circle。圆的几何学定义:指的是平面中到一个定点距离为定值的所有点的集合。通常这称之为圆周,这里的圆指的是圆周及圆周所包含的部分。我们在上次创建好的地图上继续操作。

创建圆

使用AMap.Circle创建了一个圆实例,并指定圆心的经纬度、圆半径、填充透明度、轮廓线宽度。

JavaScript
var circle = new AMap.Circle({
    center: [116.480983, 39.989628],    
    radius: 100,
    fillOpacity:0.2,                //填充透明度             
    fillColor:"#ff3399",            //填充颜色       
    strokeWeight:1,                 //轮廓线宽度
  });
circle.setMap(map);

- 阅读剩余部分 -

点标记对地图操作是非常有用的。AMap.Marker是用来往地图上添加点标记的类。今天我要实现一个实用的小功能,通过拖拽点标注获取指定位置的经纬度。我在上次创建好的地图上继续操作。

创建点标记

使用AMap.Marker创建了一个点标注实例,并指定显示点标注的地图对象和可拖拽参数。

JavaScript
var marker = new AMap.Marker({
        draggable : true,
        map : map
});

- 阅读剩余部分 -

工作关系我会较高的频率使用高德地图,高德地图本身提供了一些功能,如测量距离等,其他一些三方网站也有提供一些功能如:坐标转换等功能。但分散在不同的网站,使用起来多有不便。为此,我决定自己学习高德JS API,以满足自己的使用需求。

- 阅读剩余部分 -