// 获取地图可视化区域的坐标点
function getViewAreaPoint(map) {
  var bounds = map.getBounds();
  console.log(bounds);
  var swPoint = bounds.getSouthWest();
  var nePoint = bounds.getNorthEast();
  var nwPoint = new BMap.Point(swPoint.lng, nePoint.lat);
  var sePoint = new BMap.Point(nePoint.lng, swPoint.lat);
  console.log(swPoint);
  console.log(nePoint);
  console.log(nwPoint);
  console.log(sePoint);
}

map.addEventListener("click", showInfo);

function showInfo(e) {
  console.debug(e);
  console.debug(e.type);
  console.debug(e.target);
  console.debug(e.point);
  console.debug(e.pixel);
  console.debug(e.overlay);
  // console.debug(e.point.lng + ", " + e.point.lat);
}

.disabled-link {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

<a href="#" class="disabled-link">link</a>

ul {list-style: none}

li::before {
  content: "•"; color: red;
  display: inline-block; width: 1em;
  margin-left: -1em
}

.listStyle {
  color: red;
}

.listStyle p {
  color: black;
}

<ul class="listStyle">
  <li>
    <p><strong>View :</strong> blah blah.</p>
  </li>
  <li>
    <p><strong>View :</strong> blah blah.</p>
  </li>
</ul>

* Copyright (c) 1998, Regents of the University of California
* All rights reserved.
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
*     * Redistributions of source code must retain the above copyright
*       notice, this list of conditions and the following disclaimer.
*     * Redistributions in binary form must reproduce the above copyright
*       notice, this list of conditions and the following disclaimer in the
*       documentation and/or other materials provided with the distribution.
*     * Neither the name of the University of California, Berkeley nor the
*       names of its contributors may be used to endorse or promote products
*       derived from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL THE REGENTS AND CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

* Copyright (c) 1998 著作权由加州大学董事会所有。著作权人保留一切权利。
*
* 这份授权条款，在使用者符合以下三条件的情形下，授予使用者使用及再散播本
* 软件包装原始码及二进位可执行形式的权利，无论此包装是否经改作皆然：
*
* * 对于本软件源代码的再散播，必须保留上述的版权宣告、此三条件表列，以
*   及下述的免责声明。
* * 对于本套件二进位可执行形式的再散播，必须连带以文件以及／或者其他附
*   于散播包装中的媒介方式，重制上述之版权宣告、此三条件表列，以及下述
*   的免责声明。
* * 未获事前取得书面许可，不得使用柏克莱加州大学或本软件贡献者之名称，
*   来为本软件之衍生物做任何表示支持、认可或推广、促销之行为。
*
* 免责声明：本软件是由加州大学董事会及本软件之贡献者以现状提供，
* 本软件包装不负任何明示或默示之担保责任，包括但不限于就适售性以及特定目
* 的的适用性为默示性担保。加州大学董事会及本软件之贡献者，无论任何条件、
* 无论成因或任何责任主义、无论此责任为因合约关系、无过失责任主义或因非违
* 约之侵权（包括过失或其他原因等）而起，对于任何因使用本软件包装所产生的
* 任何直接性、间接性、偶发性、特殊性、惩罚性或任何结果的损害（包括但不限
* 于替代商品或劳务之购用、使用损失、资料损失、利益损失、业务中断等等），
* 不负任何责任，即在该种使用已获事前告知可能会造成此类损害的情形下亦然。

https://github.com/i18next/jquery-i18next/blob/master/example/sample.html

{
  // path where resources get loaded from, or a function
  // returning a path:
  // function(lngs, namespaces) { return customPath; }
  // the returned path will interpolate lng, ns if provided like giving a static path
  loadPath: '/locales/{{lng}}/{{ns}}.json',

  // path to post missing resources
  addPath: 'locales/add/{{lng}}/{{ns}}',

  // your backend server supports multiloading
  // /locales/resources.json?lng=de+en&ns=ns1+ns2
  allowMultiLoading: false,

  // parse data after it has been fetched
  // in example use https://www.npmjs.com/package/json5
  // here it removes the letter a from the json (bad idea)
  parse: function(data) { return data.replace(/a/g, ''); },

  // allow cross domain requests
  crossDomain: false,

  // allow credentials on cross domain requests
  withCredentials: false,

  // define a custom xhr function
  // can be used to support XDomainRequest in IE 8 and 9
  ajax: function (url, options, callback, data) {}

  // adds parameters to resource URL. 'example.com' -> 'example.com?v=1.3.5'
  queryStringParams: { v: '1.3.5' }
}

import i18next from 'i18next';
import XHR from 'i18next-xhr-backend';

i18next
  .use(XHR)
  .init(i18nextOptions);

locales/en/translation.json
locales/zh/translation.json
locales/dev/translation.json

var lan = i18next.language;
i18next.changeLanguage(lan == 'zh' ? "en" : "zh", (err, t) => {
    // resources have been loaded
    console.log("changeLanguage success: " + i18next.language);
    $('.translation').localize();
  });

queryStringParams: { v: '1.3.5' }