浏览器第三方 API

学习了解第三方 API 的运作方式，如何运用它们来提高网站性能。第三方API是由第三方（通常是 Facebook，Twitter 或 Google 等公司）提供的 API，允许您通过 JavaScript 访问其功能，并在您自己的站点上使用它。

1、它们植根于第三方服务器

浏览器API在浏览器构建之初就存在 — 用 JavaScript 就可以立即访问它们。第三方 API，从某种角度讲，是植根于第三方服务器上的。要通过 JavaScript获取它们，您首先需要链接到其功能接口上并使其在您的页面上生效。通常来说，这首先需要您通过一个 <script> 元素连接到第三方服务器所开放的 JavaScript 库。

<script type="text/javascript" src="https://maps.google.com/maps/api/js?key=AIzaSyDDuGt0E5IEGkcE6ZfrKfUtE9Ko_de66pA"></script>

然后您便可使用该库中可用的对象了，如:

var latlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.TERRAIN,
disableDefaultUI: true
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

代码中我们用 google.maps.LatLng() 构造器创建了一个新的 LatLng 对象，它包含了我们想展示的地址的纬度和经度，作为一个Geolocation API返回。然后，我们创建了包含这个对象，和其他有关地图显示信息的选项对象（myOptions） 。最后，用 google.maps.Map() 构造器创建了map对象，它接受网页元素（地图展示处）和选项对象两个参数。

以上就是用 Google Maps API 建立一个简单地图所需要的所有信息。所有复杂的工作都全由你所连接的第三方服务器处理,包括展示正确地理位置的地图块，等等。

2、权限的不同处理方式

浏览器 api 的安全性通常是通过权限提示来处理的。这样做的目的是为了让用户知道他们访问的网站上发生了什么，并且不太可能成为恶意使用 API 的人的受害者。

第三方 API 有一个稍微不同的权限系统——它们倾向于使用关键代码来允许开发人员访问API功能。如：谷歌地图 API 库的 URL

https://maps.google.com/maps/api/js?key=AIzaSyDDuGt0E5IEGkcE6ZfrKfUtE9Ko_de66pA

URL末尾提供的URL参数是一个开发人员密钥——应用程序的开发人员必须应用它来获取一个密钥，然后以一种特定的方式将其包含在代码中，以允许访问 API 的功能。对于谷歌映射（以及其他谷歌 API），您可以在谷歌云平台上申请一个密钥。