使用vue.js调用Nostramap Javascript?

使用vue.js调用Nostramap Javascript?,javascript,html,node.js,vue.js,frontend,Javascript,Html,Node.js,Vue.js,Frontend,如何使用Nostramap API调用映射 从这个例子中 var nostra=window.nostra; 导出默认值{ 名称:'NostraMap', 数据() { 返回{ 映射:{}, baseMapCountry:“TH”, } }, beforeCreate:函数(){ console.log(“创建前”) nostra.onready=函数(){ nostra.config.Language.setLanguage(nostra.Language.E); }; }, 安装的()

如何使用Nostramap API调用映射

从这个例子中


var nostra=window.nostra;
导出默认值{
名称:'NostraMap',
数据()
{
返回{
映射:{},
baseMapCountry:“TH”,
}
},
beforeCreate:函数(){
console.log(“创建前”)
nostra.onready=函数(){
nostra.config.Language.setLanguage(nostra.Language.E);
};  
},
安装的(){
setTimeout(this.sleepTime,3000);
},
方法:{
睡眠时间{
console.log('XX')
这是初始化();
},
初始化(){
console.log(“initiailize”)
var map=new nostra.maps.map(“map”{
id:“地图”,
logo:true,
比例尺:对,
基本地图:“街道地图”,
滑块:是的,
级别:15,
纬度:13.722944,
朗:100.530449,
国家:“TH”
});  
map.events.layerAddComplete=函数()
{
console.log('complete')
};
//console.log(basemapObj)
//var basemapObj=新nostra.maps.layers.OpenStreetMap(map);
//map.addLayer(basemapObj);
}  
}
}
#地图{
位置:绝对位置;
排名:0;
右:0;
底部:0;
左:0;
}

var nostra=window.nostra;
导出默认值{
名称:'NostraMap',
数据()
{
返回{
映射:{},
baseMapCountry:“TH”,
}
},
beforeCreate:函数(){
console.log(“创建前”)
nostra.onready=函数(){
nostra.config.Language.setLanguage(nostra.Language.E);
};  
},
安装的(){
setTimeout(this.sleepTime,3000);
},
方法:{
睡眠时间{
console.log('XX')
这是初始化();
},
初始化(){
console.log(“initiailize”)
var map=new nostra.maps.map(“map”{
id:“地图”,
logo:true,
比例尺:对,
基本地图:“街道地图”,
滑块:是的,
级别:15,
纬度:13.722944,
朗:100.530449,
国家:“TH”
});  
map.events.layerAddComplete=函数()
{
console.log('complete')
};
//console.log(basemapObj)
//var basemapObj=新nostra.maps.layers.OpenStreetMap(map);
//map.addLayer(basemapObj);
}  
}
}
#地图{
位置:绝对位置;
排名:0;
右:0;
底部:0;
左:0;
}
<template>
<div>

  <div  id="map"></div>
  
</div>
</template>

<script>
var nostra = window.nostra;
export default {
    name: 'NostraMap',  
    data () 
        {
            return {
                map: {},
                baseMapCountry : "TH",                      
        }
    },
    beforeCreate: function () {
        console.log("before create")
            nostra.onready = function () {
            nostra.config.Language.setLanguage(nostra.language.E);           
        };  
    },
    mounted() {
       window.setTimeout(this.sleepTime  , 3000); 
    },
    methods : {
        sleepTime(){
            console.log('XX')
            this.initialize();
        },
        initialize() {
            console.log("initiailize")
            var  map =  new nostra.maps.Map("map", {
                    id: "map",
                    logo: true,
                    scalebar: true,
                    basemap: "streetmap",
                    slider: true,   
                    level: 15,
                    lat: 13.722944,
                    lon: 100.530449,
                    country: "TH"
                });  

            map.events.layerAddComplete = function () 
            {
                    console.log('compleate')
            };

            // console.log(basemapObj)
            // var basemapObj = new nostra.maps.layers.OpenStreetMap(map);
            // map.addLayer(basemapObj);
        }  
    }
}
</script>



<style>

#map{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

</style>