GIS 地图相关资料

最新推荐文章于 2023-09-01 23:40:25 发布

ijwsoft

最新推荐文章于 2023-09-01 23:40:25 发布

阅读量1.5k

点赞数

分类专栏：链接导航资讯文章标签：地图相关 api 百度文档 google

本文链接：https://blog.csdn.net/keenweiwei/article/details/7411824

版权

链接导航资讯专栏收录该内容

65 篇文章 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 api开发快速入门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】 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>

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

ijwsoft

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
GIS 地图相关资料

GIS 地图相关资料 google map api: 中文：https://developers.google.com/maps/documentation/javascript/reference?hl=zh-CN英文：https://developers.google.com/maps/signup?hl=zh-CNgoogle map api开发快速入门http://
复制链接

扫一扫

专栏目录