En docs

README.md

@@ -66,6 +66,4 @@ Vue.use(BaiduMap, {
 
 [MIT License](https://opensource.org/licenses/MIT)
 
-Copyright (c) 2016-present, Dafrok
-
-
+Copyright (c) 2016-present, Dafrok <[email protected]>

docs/components/App.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
-root-frame
+root-frame(:lang="lang", @changeLang="changeLang")
   drawer(slot="navigation")
     nav
-      div.cate(v-for="route in routeMap")
+      div.cate(v-for="route in routeMap", v-if="route.name")
         .mdl-list__item.title(v-text="route.name")
         router-link.mdl-navigation__link.sub(v-for="subRoute in route.children",  :to="`${route.path}/${subRoute.path}`", v-text="subRoute.name")
   router-view(slot="page-content").doc.markdown-body
@@ -19,11 +19,21 @@ export default {
     RootFrame,
     Drawer
   },
+  data () {
+    return {
+      lang: 'zh'
+    }
+  },
+  methods: {
+    changeLang (lang) {
+      this.lang = lang
+    }
+  },
   computed: {
     routeMap () {
       const ret = []
       for (const route of routeMap) {
-        if (route.meta !== 'hidden') {
+        if (!route.meta || (route.meta && !route.meta.hidden && route.meta.lang === this.lang)) {
           ret.push(route)
         }
       }

docs/components/RootFrame.vue

@@ -5,12 +5,12 @@ div.mdl-layout.mdl-js-layout.mdl-layout--fixed-drawer.mdl-layout--fixed-header
       span.mdl-layout-title(v-text="title") VUE BAIDU MAP
       .mdl-layout-spacer
       .mdl-navigation
-        a.mdl-button.mdl-js-button.mdl-button--icon(href="https://github.com/Dafrok/vue-baidu-map")
-          i.material-icons.iconfont.icon-star
+        router-link(:to="`/${otherLang}/index`", @click="changeLang").mdl-button.mdl-js-button.mdl-button--icon
+          i.material-icons.iconfont.icon-zhongyingwenqiehuan-xianshizhongyingwen
         a.mdl-button.mdl-js-button.mdl-button--icon(href="https://github.com/Dafrok/vue-baidu-map")
           i.material-icons.iconfont.icon-github
   div.mdl-layout__drawer(@click="close", ref="drawer")
-    router-link(to="/").logo
+    router-link(:to="`/${lang}/index`").logo
       img(src="//dafrok.github.io/vue-baidu-map/favicon.png")
     slot(name="navigation")
   main.mdl-layout__content(ref="main")
@@ -36,19 +36,30 @@ div.mdl-layout.mdl-js-layout.mdl-layout--fixed-drawer.mdl-layout--fixed-header
 
 <script>
 export default {
+  props: ['lang'],
   data () {
     return {
       title: this.$route.name
     }
   },
   methods: {
+    changeLang () {
+      this.$emit('changeLang', this.otherLang)
+    },
     close () {
       document.querySelector('.mdl-layout__obfuscator').classList.remove('is-visible')
       this.$refs.drawer.classList.remove('is-visible')
     }
   },
+  computed: {
+    otherLang () {
+      return this.lang === 'zh' ? 'en' : 'zh'
+    }
+  },
   mounted () {
     this.$router.afterEach(route => {
+      const meta = this.$route.meta || {}
+      this.$emit('changeLang', meta.lang)
       this.$refs.main.scrollTop = 0
       this.$nextTick(global.componentHandler.upgradeDom)
       this.title = route.name

docs/fonts/iconfont.css

@@ -1,21 +1,21 @@
 
 @font-face {font-family: "iconfont";
-  src: url('iconfont.eot?t=1487476095020'); /* IE9*/
-  src: url('iconfont.eot?t=1487476095020#iefix') format('embedded-opentype'), /* IE6-IE8 */
-  url('iconfont.woff?t=1487476095020') format('woff'), /* chrome, firefox */
-  url('iconfont.ttf?t=1487476095020') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
-  url('iconfont.svg?t=1487476095020#iconfont') format('svg'); /* iOS 4.1- */
+  src: url('iconfont.eot?t=1495788635682'); /* IE9*/
+  src: url('iconfont.eot?t=1495788635682#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('iconfont.woff?t=1495788635682') format('woff'), /* chrome, firefox */
+  url('iconfont.ttf?t=1495788635682') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
+  url('iconfont.svg?t=1495788635682#iconfont') format('svg'); /* iOS 4.1- */
 }
 
 .iconfont {
   font-family:"iconfont" !important;
-  /*font-size:16px;*/
+  font-size:16px;
   font-style:normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-star:before { content: "\e611"; }
+.icon-github:before { content: "\e718"; }
 
-.icon-github:before { content: "\e735"; }
+.icon-zhongyingwenqiehuan-xianshizhongyingwen:before { content: "\e620"; }
 

docs/md/en/index.md

@@ -0,0 +1,21 @@
+# VUE BAIDU MAP
+
+<p align="center"><img src="//dafrok.github.io/vue-baidu-map/favicon.png" width="200px"></p>
+
+<p align="center">Baidu Map components for Vue 2.x</p>
+
+[![npm](https://img.shields.io/npm/v/vue-baidu-map.svg)]()
+[![Travis](https://img.shields.io/travis/Dafrok/vue-baidu-map.svg)]()
+[![license](https://img.shields.io/github/license/dafrok/vue-baidu-map.svg)]()
+[![Package Quality](http://npm.packagequality.com/shield/vue-baidu-map.svg)](http://packagequality.com/#?package=vue-baidu-map)
+[![npm](https://img.shields.io/npm/dm/vue-baidu-map.svg)]()
+
+## Contributing
+
+[Contributing Guide](https://github.com/Dafrok/vue-baidu-map/blob/master/CONTRIBUTING.md)
+
+## License
+
+[MIT License](https://opensource.org/licenses/MIT)
+
+Copyright (c) 2016-present, Dafrok <[email protected]>