点标注 Fengmap JavaScript SDK 提供根据地图坐标点添加标注的功能。点标注可分为文字标注（TextMarker）、图片标注（ImageMarker）、定位标注（LocationMarker）。

文字标注

文字标注是用户可在指定坐标点位置添加自定义的文字。文字标注针对楼层的，添加文字标注需要三个参数：groupID（楼层ID）、x(地图坐标x)、y(地图坐标y),具体操作步骤如下：

• • 添加文字标注前需要先获取指定楼层。

  var groupLayer = map.getFMGroup(groupID);

• • 创建文字标注层并添加到指定楼层上面。

  var layer = new fengmap.FMTextMarkerLayer();   //实例化TextMarkerLayer
  groupLayer.addLayer(layer);    //添加文本标注层到模型层。否则地图上不会显示
  

• • 最后在文字标注层上添加文字标注（单个或多个）。

  //图标标注对象，默认位置为该楼层中心点
  var tm = new fengmap.FMTextMarker({
      name: "这是一个文字标注",
      x: x,
      y: y,
      //文字标注样式设置
      fillcolor: "255,0,0", //填充色
      fontsize:20, //字体大小
      strokecolor: "255,255,0", //边框色
      alpha: 0.5   //文本标注透明度
  });
  layer.addMarker(tm);  //文本标注层添加文本Marker
  tm.alwaysShow();    // 在marker载入完成后，设置 "一直可见"，不被其他层遮挡
  

图片标注

图片标注是用户可在指定坐标点位置添加自定义的图片标识。图片标注针对楼层，图片标注需要三个参数：groupID（楼层ID）、x(地图坐标x)、y(地图坐标y),具体操作步骤如下：

• • 添加文字标注前需要先获取指定楼层。

  var groupLayer = map.getFMGroup(groupID);

• • 创建图片标注层并添加到指定楼层上面。

  var layer = new fengmap.FMImageMarkerLayer();   //实例化ImageMarkerLayer
  groupLayer.addLayer(layer);    //添加图片标注层到模型层。否则地图上不会显示
  

• • 最后在图片标注层上添加图片标注（单个或多个）。

  //图标标注对象，默认位置为该楼层中心点
  var im = new fengmap.FMImageMarker({
      x:x,
      y:y,
      url:'image/blueImageMarker.png',       //设置图片路径
      size:64,                               //设置图片显示尺寸
      height: 4                              //标注高度，大于model的高度
  });
  layer.addMarker(tm);  //图片标注层添加图片Marker
  im.alwaysShow();  // 在图片载入完成后，设置 "一直可见"，不被其他层遮挡
  

定位标注

定位标注是用户可在指定坐标点位置添加自定义的图片标注。图片标注针对地图，一个地图可以添加多个定位标注。一般定位标注用于导航过程中位置的标识。添加定位标注需要三个参数：groupID（楼层ID）、x(地图坐标x)、y(地图坐标y)，具体步骤如下：

• • 实例化定位标注对象。

  var locationMarker = new fengmap.FMLocationMarker({
      url:'image/pointer.png',
      size:86,  //设置图片显示尺寸
      height:10  //marker标注高度
  });

• • 添加定位标注对象到地图对象中。

  map.addLocationMarker(locationMarker);
  

• • 设置定位标注在地图中的位置。

  locationMarker.setPosition({
      x:x,  //设置定位点的x坐标
      y:y,  //设置定位点的y坐标
      groupID:groupID  //设置定位点所在楼层
  });

运行后效果如下：