关闭

GIS 地图相关资料

标签: 地图相关api百度文档google
1199人阅读 评论(0) 收藏 举报
分类:


GIS 地图相关资料

 

google map api:

 

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

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

google map apihttp://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】  http://blog.csdn.net/juneman/article/details/6201861

 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>

界面:

 

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>

界面:



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>

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


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2544385次
    • 积分:22164
    • 等级:
    • 排名:第316名
    • 原创:587篇
    • 转载:69篇
    • 译文:0篇
    • 评论:364条