谷歌地图正确食用方法（持续更新）

谷歌地图正确食用方法（持续更新） 刚好最近有写一些地图，但是在网上，关于谷歌地图的使用方法其实并不多，基本都是自己去查API，所以今天就直接记录一下

• 在谷歌API中，有一个简易的创建地图的步骤，可以作为参考
  准备
  快速上手

初始化地图

• 方法一：

// public/index.html
// 第一步

 

// 第二步：设置代理
以 Nginx 反向代理为例，参考以下三个location配置，进行反向代理设置，分别对应自定义地图、海外地图、Web服务，其中自定义地图和海外地图如果没有使用到相关功能也可以不设置。需要将以下配置中的“您的安全密钥”六个字替换为您刚刚获取的jscode安全密钥。如果您使用了多个key，需要在代理设置中根据 key来映射不同的安全密钥。

server {
	listen       80;             #nginx端口设置，可按实际端口修改
	server_name  127.0.0.1;      #nginx server_name 对应进行配置，可按实际添加或修改
	
	# 自定义地图服务代理
	location /_AMapService/v4/map/styles {
	    set $args "$args&jscode=您的安全密钥";
	    proxy_pass https://webapi.amap.com/v4/map/styles;
	}
	# 海外地图服务代理
	location /_AMapService/v3/vectormap {
	    set $args "$args&jscode=您的安全密钥";
	    proxy_pass https://fmap01.amap.com/v3/vectormap;
	}
	# Web服务API 代理
	location /_AMapService/ {
	    set $args "$args&jscode=您的安全密钥";
	    proxy_pass https://restapi.amap.com/;
	}
}

// 第三步: 重启代理
nginx -s reload

• 方法二：

// public/index.html
// 直接引入
 


// home.html