使用vue.js调用Nostramap Javascript?
如何使用Nostramap API调用映射 从这个例子中使用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); }; }, 安装的()
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>