google地图上固定的点添加marker标记

官方参考地址：https://developers.google.com/maps/documentation/javascript/reference?hl=zh-cn

首先我们使用script标记加入Maps API JavaScript：

注意此处的，如果不指定true或false浏览器会不支持。

然后我们以标注北京为例来设置一下地图：

将地图的中心点设置为北京，图中标注的是北京的经纬度，然后我们定义一个marker对北京进行标注：

marker中有个icon属性，这里我们使用自己定义的图片，但是从api中我们可以知道，自定义的图片落在地图上的点默认为图片的中心点，如下图绿色标点：

然后我们需要将尖点标注到地图上，这样更精确些，所以设置如下：

var image = new google.maps.MarkerImage('images/mark.png',new google.maps.Size(60,70),new google.maps.Point(0,0),new google.maps.Point(30,55));

参数说明：

第一个参数指定图片的路径

第二个参数为设定图片的大小

第三个参数为指定图片的原点，一般默认为图片的左上角，如上图所示

第四个就是指定哪一点落在地图上

这里我们在设置一下对marker的点击事件，

然后我们在设置一下地图缩放的时候，对地图进行载入:

通过以上几步，我们基本完成了在google地图上对特定的点进行标注了，

然后我们将地图放在一个div中显示出来就可以了：

我们实现的功能如下图：