ol-source-tianditu ​

Layer source for Tianditu

ol-source-tianditu adds ability to display tile data from Tianditu Maps. To use this source you should get API key at https://console.tianditu.gov.cn/.

Usage ​

Example of ol-source-tianditu usage

<template>


<ol-map :loadTilesWhileAnimating="true" :loadTilesWhileInteracting="true" style="height:400px">

    <ol-view ref="view" :center="center" :rotation="rotation" :zoom="zoom" :projection="projection" />

    <ol-tile-layer>
      <ol-source-tianditu
        layerType="vec"
        projection="EPSG:4326"
        tk="************************" //your key
        :hidpi="true"
      ></ol-source-tianditu>
    </ol-tile-layer>

    <ol-tile-layer>
      <ol-source-tianditu
        :isLabel="true"
        layerType="vec"
        projection="EPSG:4326"
        tk="********************************" //your key
        :hidpi="true"
      ></ol-source-tianditu>
    </ol-tile-layer>

</ol-map>
</template>

import { ref } from "vue";
export default {
  setup() {
    const center = ref([116.41124529391394, 39.953530444730816]);
    const projection = ref("EPSG:4326");
    const zoom = ref(8);
    const rotation = ref(0);

    return {
      center,
      projection,
      zoom,
      rotation,
    };
  },
};

Properties ​

layerType ​

• Type: string
• Default: img

options: img, vec, ter, eia, cta

tk ​

• Type: string

api key

isLabel ​

• Type: Boolean
• Default: false

cacheSize ​

• Type: Number

crossOrigin ​

• Type: String

projection ​

• Type: String
• Default: EPSG:3857

hidpi ​

• Type: Boolean
• Default: false

requestEncoding ​

• Type: String
• Default: KVP

format ​

• Type: String

version ​

• Type: String
• Default: 1.0.0

culture ​

• Type: String
• Default: en-us

matrixSet ​

• Type: String

dimensions ​

• Type: Object

imageSmoothing ​

• Type: Boolean
• Default: true

maxZoom ​

• Type: Number
• Default: 21

reprojectionErrorThreshold ​

• Type: Number

tileLoadFunction ​

• Type: Function

wrapX ​

• Type: Boolean
• Default: true

transition ​

• Type: Number