百度地图API的使用教程以及案例，前端面试基础题效果代码如下：五、标注代码如下也可以自定义标注图标六、信息窗

效果

在这里插入图片描述

代码如下：

Document #container { width: 1300px; height: 600px; border: 1px solid #999; }

五、标注

在这里插入图片描述

代码如下

Document #container { width: 1300px; height: 600px; border: 1px solid #999; }

在这里插入图片描述

也可以自定义标注图标

在这里插入图片描述

六、信息窗口

效果如下

在这里插入图片描述

代码如下

//InfoWindow信息窗口也是一种特殊的覆盖物，它可以展示更为丰富的文字和多媒体信息

//注意：同一时刻只能有一个信息窗口在地图上打开

var opts = {

width: 250, // 信息窗口宽度

height: 100, // 信息窗口高度

title: "Hello World" // 信息窗口标题

}

// 创建信息窗口对象

var infoWindow = new BMapGL.InfoWindow("你好世界", opts);

// 打开信息窗口地图的中心位置map.getCenter()

// map.openInfoWindow(infoWindow, map.getCenter());

map.openInfoWindow(infoWindow, point)

//点击marker标注——打开信息窗口

marker.addEventListener('click', function() {

map.openInfoWindow(infoWindow, point);

})

七、正/逆地址解析

// 地址解析服务提供从地址转换到经纬度的服务，反之，逆地址解析则提供从经纬度坐标转换到地址的转换功能。

var myGeo = new BMapGL.Geocoder();

// 将地址解析结果显示在地图上，并调整地图视野

myGeo.getPoint('湖南省长沙市岳麓区岳麓书院', function(point) {

if (point) {

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。
大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。