PictometryPngMarker

Back to phila-vue-mapping wiki Home

Back to Mapboard Map Panel wiki

pictometry/PngMarker

Note: This page is for documenting phila-vue-mapping's pictometry/PngMarker.vue, which is for adding a PngMarker to a pictometry widget.

There is also PngMarker, for adding a PngMarker to a leaflet map.

In a Vue template

The <png-marker> tag is put inside a <pictometry-widget> tag:

<pictometry-widget v-if="this.shouldLoadPictometryWidget"
                   slot="pictWidget"
                   v-show="pictometryActive"
                   :apiKey="this.ak"
                   :secretKey="this.sk"
>
  <png-marker v-if="this.cyclomediaActive && this.pictometryActive"
              :latlng="cycloLatlng"
              :icon="'camera2.png'"
              :height="20"
              :width="30"
              :offsetX="-2"
              :offsetY="-2"
  />
</pictometry-widget>

In a Mapboard config file

This is automatically included in a Mapboard app if pictometry is enabled:

pictometry: {
  enabled: true,
},