高德地图API的调用

    项目中需要调用一下第三方地图的API，因为自己一直用的是高德地图，所以优先采用高德地图。事实证明我也没选错，百度地图的API使用起来确实挺麻烦。

一、申请key

二、新建项目

    一般web类型的项目就可以，我习惯于SpringBoot项目的写法。结构如下：

    1.修改一个端口号（改不改都行，不改默认80），我的是8088。

    2.增加请求路径，因为是测试，所以直接写在启动类上。

@SpringBootApplication
@Controller
public class AmapApplication {

	public static void main(String[] args) {
		SpringApplication.run(AmapApplication.class, args);
	}

	@GetMapping("/")
	public  String toIdex(){
		return "index.html";
	}
}

    3.index.html文件。

        唯一要修改的就是key值，其他几乎都是不变的。

    4.非常简单的map.css文件。

#container {width:800px; height: 500px; text-align: center}

    5.启动工程，浏览器访问http://localhost:8088。如下：

    三、一些坑

    按照高德的说明文档一步一步操作的，但是最后还是不显示地图。调试工具也没说错在哪。找了半天，是加载时机的问题。

    以上内容要放在页面的下部。

    因为页面是从上往下加载的。如果把这些内容放在页面上面，向高德的数据中心发出请求以后还没得到响应，页面已经加载结束了，所以不显示。