百度地图开发,需求注册账号和获取密钥。
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别
开发指南:
http://lbsyun.baidu.com/index.php?title=jspopular3.0
地图示例:
http://lbsyun.baidu.com/jsdemo.htm#a1_2
参考类:
http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference_3_0.html
高德地图开发,需求注册账号和获取密钥。
//初始化地图
var map = new AMap.Map('container', {
resizeEnable: true, //是否监控地图容器尺寸变化
zoom: 11, //初始地图级别
center: [116.397428, 39.90923] //初始化地图中心点,不设置默认获取当前城市坐标
});
开发指南(教程):
https://lbs.amap.com/api/javascript-api/summary
参考手册:
https://lbs.amap.com/api/javascript-api/reference/core
地图示例:
https://lbs.amap.com/demo-center/js-api
国家地理信息公共服务平台
入门指导:
http://lbs.tianditu.gov.cn/api/js3.0/guide.html
样例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>HELLO WORLD</title>
<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=3.0&tk=您的密钥"></script>
<script>
var map,zoom = 12;
function onLoad()
{
//初始化地图对象
map=new TMap("mapDiv");
//设置显示地图的中心点和级别
map.centerAndZoom(new TLngLat(116.40969,39.89945),zoom);
}
</script>
</head>
<body onLoad="onLoad()">
<div id="mapDiv" style="position:absolute;width:500px; height:400px"></div>
</body>
</html>
参考类:
http://lbs.tianditu.gov.cn/api-new/class.html
代码示例:
http://lbs.tianditu.gov.cn/api-new/examples.html
(1)天地图:CGCS2000,2000国家大地坐标系;我们其实很多时候直接用WGS84的坐标来代替CGCS2000坐标。因为CGCS2000的定义与WGS84实质一样。采用的参考椭球非常接近。扁率差异引起椭球面上的纬度和高度变化最大达0.1mm。当前测量精度范围内,可以忽略这点差异。可以说两者相容至cm级水平,但若一点的坐标精度达不到cm水平,则不认为CGCS2000和WGS84的坐标是相容的。
(2)百度地图:bd09II坐标。首先了解一下火星坐标,它是在国际标准坐标WGS-84上进行的一次加密,由于国内的电子地图都要至少使用火星坐标进行一次加密,百度直接就任性一些,直接自己又研究了一套加密算法,来了个二次加密,这就是我们所熟知的百度坐标(BD-09)。
(3)高德地图:gcj02坐标,也称为火星坐标。火星坐标是国家测绘局为了国家安全在原始坐标的基础上进行偏移得到的坐标,基本国内的电子地图、导航设备都是采用的这一坐标系或在这一坐标的基础上进行二次加密得到的。
(4)一些注意点:非专业人士,对于墨卡托投影坐标和经纬度坐标可以理解为一个是平面坐标一个是球面坐标。还有用wgs84坐标系的一些地图,比如: osm、谷歌、arcgisonline等。