index.html 文件
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>second</title>
<script src="http://api.tianditu.gov.cn/api?v=4.0&tk=申请的Key" type="text/javascript"></script>
</head>
<body>
<div id="app"></div>
</body>
</html>
VUE文件
<template>
<div>
<header>天地图</header>
<div id="tMapDiv"></div>
</div>
</template>
<script>
export default {
name: 'tianditu',
data () {
},
mounted: function () {
this.loadMap()
},
methods: {
loadMap () {
var map = new T.Map('tMapDiv')
map.centerAndZoom(new T.LngLat(116.40769, 39.89945), 12)
}
}
}
</script>
<style scoped>
</style>
相关参考:
https://www.cnblogs.com/sxz2008/p/8245282.html