|
@@ -1,52 +0,0 @@
|
|
|
-<!-- <template>
|
|
|
- <div>
|
|
|
- <div
|
|
|
- style="width: 100%; height: 100%;"
|
|
|
- id="gis"
|
|
|
- ></div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-<script>
|
|
|
-export default {
|
|
|
- data () {
|
|
|
- return {
|
|
|
- Map: '',
|
|
|
- }
|
|
|
- },
|
|
|
- created () {
|
|
|
- this.gisWx();
|
|
|
- },
|
|
|
- methods: {
|
|
|
- async gisWx () {
|
|
|
- // const { data: res } = await this.$axios.get('/?start=116.403124,39.940693&dest=116.481488,39.990464&destName=一条驾车路线&key=1a32b8f45773a7f1d06842249b1b11c1appointment/getPublicCommunity',);
|
|
|
- }
|
|
|
- },
|
|
|
- mounted () {
|
|
|
- // 页面加载完,开始异步引入高德地图
|
|
|
- //创建了一个回调函数,高德地图加载完毕会调用
|
|
|
- window.onLoad = function () {
|
|
|
- // 所有关于地图的逻辑全部都要写在这个回调里面
|
|
|
- // 保证高德地图加载完毕
|
|
|
- var map = new AMap.Map("container");
|
|
|
- };
|
|
|
- // key是申请的值
|
|
|
- var url =
|
|
|
- "https://m.amap.com/navi/?start=116.403124,39.940693&dest=116.481488,39.990464&destName=一条驾车路线&key=1a32b8f45773a7f1d06842249b1b11c1"
|
|
|
- //创建一个 script dom元素
|
|
|
- // doc需要补全document
|
|
|
- // var jsapi = document.createElement("gis");
|
|
|
- var jsapi = document.getElementById('gis');
|
|
|
- jsapi.src = url;
|
|
|
- console.log(jsapi.src)
|
|
|
- console.log(jsapi)
|
|
|
- //设定script标签属性
|
|
|
- jsapi.charset = "utf-8";
|
|
|
- jsapi.src = url;
|
|
|
- //将API文件引入页面中,加载完毕以后会调用函数
|
|
|
- document.head.appendChild(jsapi);
|
|
|
- },
|
|
|
-};
|
|
|
-</script> -->
|