Skip to content

Instantly share code, notes, and snippets.

Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@bachhm-dev
bachhm-dev / main.js
Created April 16, 2020 10:16
vue-arcgis-map
import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
//Arcgis javascript api
import { loadScript } from 'esri-loader';
Vue.config.productionTip = false;
<template>
<div ref="map" class="map">
</div>
</template>
<script>
/* eslint-disable */
import {
loadModules
} from 'esri-loader';
export default {
<template>
<div id="viewDiv" class="balt-theme"></div>
</template>
<script>
/* eslint-disable */
import { loadModules } from 'esri-loader';
export default {
mounted() {
this.loadMap();
},
@bachhm-dev
bachhm-dev / App.vue
Created April 16, 2020 10:29
vue-openlayer
<template>
<div id="app">
<div id="map"></div>
</div>
</template>
<script>
/* eslint-disable */
// import openlayer css for style
import "ol/ol.css";
android {
defaultConfig {
minSdkVersion 17
generatedDensities = []
multiDexEnabled true
}
aaptOptions {
additionalParameters "--no-version-vectors"
}
}
{
"using_ios": true,
"using_android": true,
"analytics": true,
"firestore": true,
"realtimedb": true,
"authentication": true,
"remote_config": false,
"performance_monitoring": false,
"external_push_client_only": true,
<template>
<Page>
<ActionBar title="Firebase chat" />
<StackLayout>
<ScrollView height="90%" width="100%">
<ListView for="msg in messages" class="message-item">
<v-template>
<GridLayout columns="*" rows="auto" class="msg">
<StackLayout
:class="filter(msg.from)"
// Your web app's Firebase configuration
import firebase from 'firebase'
const firebaseConfig = {
apiKey: '...',
authDomain: '...',
databaseURL: '...',
projectId: '...',
storageBucket: '...',
messagingSenderId: '...',
appId: '...',
import Vue from 'vue'
const moment = require('moment-timezone')
// filter date
Vue.filter('formatUnix', function (value) {
if (value) {
return moment
.tz(value * 1000, 'Asia/Ho_Chi_Minh')
.format('DD/MM/YYYY hh:mm:ss')
}
})