google地图学习笔记（1）

文章目录

google地图学习笔记（1）
- 关于API_KEY的说明
- 第一个程序：Hello World
- 支持的地图类型
- zoom高度
- API Key
- google地图API手册

关于API_KEY的说明

API_key是访问谷歌地图必须的。谷歌也是按调用次数收费的，因此如果要做项目的话，还是得搞一个账号（必须要有visa银行卡实名认证才行），现在注册应该是有一年一千次免费调用，作为项目的可行性调研的话应该是够用了。如果没有账号，也没关系，在google的开发者手册中，找到你要的功能，然后按F12查看请求，找到请求参数中带有KEY的，直接把那个值复制过来就可以用了，缺点是这个key经常更换，也许今天能用，但是明天就没用了，所以需要经常更换。

第一个程序：Hello World

老规矩，第一个程序都是从Hello world开始的。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!-- 链接中的key是从官网复制来的，如果不能访问，请重新去官网找可用的key --><scriptsrc="https://maps.googleapis.com/maps/api/js?key=AIzaSyCPJpjD-qcR_yIxJnS8maR5W9KB0E3EzYI&callback=initMap"defer></script><style>/* 全屏 */html, body {height: 100%;margin: 0;padding: 0;}/* 全屏 */#map {height: 100%;}</style>
</head>
<body><div id="map"></div><script>// 加载google的URL中指定了回调函数，因此页面加载完毕后会调用这个方法function initMap() {// 初始化一个地图对象，将地图显示到id为map的div中map = new google.maps.Map(document.getElementById("map"), {// 设置地图的中心点坐标center: {lat: -34.397,lng: 150.644},// 设置地图类型,道路模式，也是默认值mapTypeId: 'roadmap',// 地图显示高度zoom: 12});}
</script>
</body>
</html>

支持的地图类型

roadmap显示默认的路线图视图。这是默认的地图类型。
satellite 显示Google Earth卫星图像。
hybrid 普通视图和卫星视图的混合显示。
terrain 根据地形信息显示物理地图。

动态修改地图类型

map.setMapTypeId('terrain');

45°视角

在可用的情况下，satellite和 hybrid地图类型支持45度高缩放图像

开启
```
map.setTilt(45);
```
关闭
```
map.setTilt(0);
```

zoom高度

【1~20】数值越大越详细，大致级别：

1：世界
5：大陆/大陆
10：城市
15：街道
20：建筑物

API Key

<script defer// 加载google地图时的URL，需要用自己的API_KEY替换URL中的【YOUR_API_KEY】src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

如果还没有API_KEY，可以到google 地图中查看示例程序所有的KEY，复制过来即可使用，貌似每天都会更新，所以每天都需要去获取一次

google地图API手册

google地图API手册地址：

google地图开发者指引

google地图API详细说明

google地图官方样例

google地图学习笔记（1）相关推荐

GIS地图学习笔记一之基础概念
要做GIS地图的开发,我们需要先了解GIS地图相关的概念. 相关概念可以在这里了解-->ArcGIS 帮助库本文是从上述网站中学习,摘抄的. 基础概念地理信息系统 (GIS) 是以可视化和分 ...
Google Amp学习笔记（一）
学习源网址:https://amp.dev/ 这个网站内容很丰富,而且有案例可以下载,学习.原文是英文版,且比较长.我的笔记只记录常用的组件以及部份要点. ** AMP 速度快的原因** 1.Inli ...
高精度地图学习笔记（一）
什么是高精度地图区别与普通导航地图,专门服务与自动驾驶系统的专用地图. 绝对精度可达1m,相对精度在10~20cm. 静态高精度地图(底层).含有语义信息的车道模型.道路部件(Object).道路属 ...
Google Sheet 学习笔记
文章目录 Google Sheet 公式: countifs, sumifs vookup 字符串处理 query(data, sql,[headers]) importrange(link, ran ...
Android--百度地图学习笔记（二）--167错误、定位到非洲
需要定位的时候就出现各种各样的问题. 解决了Android6.0动态权限申请的博客:这里主要是167错误,需要一个动态权限的申请. 参考博客:http://blog.csdn.net/jh113792 ...
用户故事地图学习笔记（四）：如何创建用户故事地图
如何创建用户故事地图用户任务是构建故事地图的基本模块使用目标层级的概念,可以帮助汇总小任务或分解大任务.隐喻:石头,砸成小石头后仍是石头故事地图通过从左到右的叙事流来组织.补充细节探索替代故事 ...
GIS地图学习笔记七之安装ArcGIS_Server、ArcGIS_Desktop和LicenseManager
说明之前都是使用的ArcGis for Android SDK 进行客户端的开发,我们可以尝试自己来发布一个地图服务,然后在客户端进行访问.将地图发布为服务,常用的有ArcGIS Server.Ge ...
Google 深度学习笔记 - Limit of Linear Model
https://www.toutiao.com/a6679981747167298051/ 实际要调整的参数很多如果有N个Class,K个Label,需要调整的参数就有(N+1)K个 Linear ...
Google Guava学习笔记——基础工具类Joiner的使用
Guava 中有一些基础的工具类,如下所列: 1,Joiner 类:根据给定的分隔符把字符串连接到一起.MapJoiner 执行相同的操作,但是针对 Map 的 key 和 value. 2,Spli ...

google地图学习笔记（1）

google地图学习笔记（1）

文章目录

关于API_KEY的说明

第一个程序：Hello World

支持的地图类型

zoom高度

API Key

google地图API手册

google地图学习笔记（1）相关推荐

最新文章

热门文章