GIS 地图相关资料

 

google map api:

 

中文：​​https://developers.google.com/maps/documentation/javascript/reference?hl=zh-CN​​

英文：​​https://developers.google.com/maps/signup?hl=zh-CN​​

googlemapapi开发快速入门​​http://wenku.baidu.com/view/704d821ea76e58fafab003b0.html​​

Google Maps API 2.0 中文同步文档 ​​ http://www.codechina.org/doc/google/gmapapi/​​

开发文档：​​https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-cn#api_key​​

 

 

百度 map api:

 

​​http://dev.baidu.com/wiki/map/​​

【百度地图API】​

 1，以北京为例：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度地图的Hello, World</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=true"></script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");            // 创建Map实例
var point = new BMap.Point(116.404, 39.915);    // 创建点坐标
map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。

</script>

界面：

GIS 地图相关资料_api

 

2，以上海为例

  先在这里输入“上海” ​​ http://dev.baidu.com/wiki/static/map/API/tool/staticmap/staticmap-helper.html​​ 得到经度和纬度

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度地图的Hello, World</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body>
<div style="width:800px;height:600px;border:1px solid gray" id="container"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");            // 创建Map实例
var point = new BMap.Point(121.487899, 31.249162);    // 创建点坐标 上海
map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。
</script>

界面：

GIS 地图相关资料_百度_02



3，3维图：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>百度地图的Hello, World</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
</head>
<body>
<div style="width:800px;height:600px;border:1px solid gray" id="container"></div>
</body>
</html>
<script type="text/javascript">

//var map = new BMap.Map("container");            // 创建Map实例
//var point = new BMap.Point(121.487899, 31.249162);    // 创建点坐标 上海
//map.centerAndZoom(point,15);                     // 初始化地图,设置中心点坐标和地图级别。

var map = new BMap.Map("container", {mapType:BMAP_PERSPECTIVE_MAP});
//var point = new BMap.Point(116.4035,39.915);map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
var point = new BMap.Point(121.487899, 31.249162);map.setCurrentCity("上海");          // 设置地图显示的城市 此项是必须设置的
map.centerAndZoom(point,17);
map.enableScrollWheelZoom(true);

</script>

拖一下，可以找到东方明珠:

GIS 地图相关资料_文档_03