Skip to content

Instantly share code, notes, and snippets.

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')
}
})