update the way to load css

rm useless webpack loader

update readme & add issue template

Author: ioslh

.github/CONTRIBUTING_en-us.md

@@ -0,0 +1,28 @@
+# react-amap Contributing Guide
+
+Hi! Thank you for choosing react-amap.
+
+React-amap is a Map Components Based On React and AMap(amap.com)
+
+We are excited that you are interested in contributing to react-amap. Before submitting your contribution though, please make sure to take a moment and read through the following guidelines.
+
+## Issue Guidelines
+- Issues are exclusively for bug reports and feature requests. Other questions may be closed directly.
+
+- Before submitting an issue, please check if similar problems have already been issued.
+
+- Please specify which version of react-amap you are using, and provide OS and browser information. [JSFiddle](https://jsfiddle.net/) is recommended to build a live demo so that your issue can be reproduced clearly.
+
+## Pull Request Guidelines
+- Fork this repository to your own account. Do not create branches here.
+
+- **DO NOT** include files inside `lib` directory.
+
+- Rebase before creating a PR to keep commit history clear.
+
+- If you are fixing a bug, please include detailed description of the bug in the PR.
+
+- Merging a PR takes two maintainers: one approves the changes after reviewing, and then the other reviews and merges.
+
+## Code Style
+Just comply with the [ESLint](https://github.com/ElemeFE/eslint-config-elemefe) configuration of [ElemeFE](https://github.com/elemefe).

.github/CONTRIBUTING_zh-cn.md

@@ -0,0 +1,28 @@
+# react-amap Contributing Guide
+
+Hi! 首先感谢你使用 react-amap。
+
+react-amap 是一个基于 React 封装的高德地图组件库。
+
+react-amap 的成长离不开大家的支持，如果你愿意为 react-amap 贡献代码或提供建议，请阅读以下内容。
+
+## Issue 规范
+- issue 仅用于提交 Bug 或 Feature，其它内容可能会被直接关闭。
+
+- 在提交 issue 之前，请搜索相关内容是否已被提出。
+
+- 请说明 react-amap 的版本号，并提供操作系统和浏览器信息。推荐使用 [JSFiddle](https://jsfiddle.net/) 生成在线 demo，这能够更直观地重现问题。
+
+## Pull Request 规范
+- 请先 fork 一份到自己的项目下，不要直接在仓库下建分支。
+
+- **不要提交** `lib` 里面打包的文件。
+
+- 提交 PR 前请 rebase，确保 commit 记录的整洁。
+
+- 如果是修复 bug，请在 PR 中给出描述信息。
+
+- 合并代码需要两名维护人员参与：一人进行 review 后 approve，另一人再次 review，通过后即可合并。
+
+## 代码规范
+遵循饿了么前端的 [ESLint](https://github.com/ElemeFE/eslint-config-elemefe) 即可

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,18 @@
+<!--
+Thank you for contributing! Please carefully read the following before opening your issue.
+ -->
+
+### react-amap version
+<!-- 1.0.0 -->
+
+### OS/Browers version
+<!-- macOS/Chrome 53 -->
+
+### Reproduction Link
+<!-- A minimal JSBin, JSFiddle, Codepen, or a GitHub repository that can reproduce the bug. -->
+
+### Steps to reproduce
+
+### What is Expected?
+
+### What is actually happening?

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,5 @@
+Please makes sure these boxes are checked before submitting your PR, thank you!
+
+* [ ] Make sure you follow the contributing guide.
+* [ ] Rebase before creating a PR to keep commit history clear.
+* [ ] Add some descriptions and refer relative issues for you PR.

README.md

@@ -77,11 +77,6 @@ tips: 记得将其中的 `VERSION` 替换为真实版本号，查看历史版本
 + https://unpkg.com/react-amap@VERSION/dist/react-amap.js
 + https://unpkg.com/react-amap@VERSION/dist/react-amap.min.js
 
-当前最新版本 `0.2.6`：
-
-+ https://unpkg.com/react-amap@0.2.6/dist/react-amap.js
-+ https://unpkg.com/react-amap@0.2.6/dist/react-amap.min.js
-
 ### 关于 Key
 
 在上面的例子中需要给 Map 组件传入 `amapkey` 属性，这个是高德地图给开发者分配的开发者 Key；你可以在[高德开放平台](http://lbs.amap.com/faq/account/key/67)申请你自己的 Key。

components/_assets/marker.css

@@ -11,7 +11,64 @@ import {
 } from '../_utils/markerUtils';
 
 if (typeof window !== 'undefined') {
-  require('../_assets/marker.css');
+  const styleText = `.amap_markers_pop_window{
+    padding: 10px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background: #fff;
+    position: relative;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+}
+.amap_markers_pop_window::before{
+    content: ' ';
+    display: block;
+    position: absolute;
+    bottom: -12px;
+    left: 50%;
+    margin-left: -7px;
+    width: 0;
+    height: 0;
+    border-top: 12px solid #ddd;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+}
+.amap_markers_pop_window::after{
+    content: ' ';
+    display: block;
+    position: absolute;
+    bottom: -11px;
+    left: 50%;
+    margin-left: -6px;
+    width: 0;
+    height: 0;
+    border-top: 11px solid #fff;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+}
+.amap_markers_pop_window_item{
+    cursor:pointer;
+    width: 40px;
+    height: 50px;
+    display: flex;
+    align-items: flex-end;
+    justify-content: center;
+}
+.amap_markers_pop_window_item span{
+    pointer-events: none;
+}
+.amap_markers_window_overflow_warning{
+    text-align: center;
+    width: 100%;
+    margin: 5px 0;
+    color: #666;
+}`;
+  const headEl = document.head || document.getElementsByTagName('head')[0];
+  const styleEl = document.createElement('style');
+  styleEl.type = 'text/css';
+  styleEl.textContent = styleText;
+  headEl.appendChild(styleEl);
 }
 
 const Component = React.Component;

components/markers/index.js

@@ -6,7 +6,7 @@
   "scripts": {
     "lint": "eslint . --quiet",
     "browser-build": "webpack && NODE_ENV=production webpack",
-    "npm-build": "babel components -d lib && cp -R components/_assets lib/",
+    "npm-build": "rm -rf lib && babel components -d lib && cp -R components/_assets lib/",
     "site": "npm run npm-build && bisheng build",
     "deploy": "npm run npm-build && bisheng gh-pages",
     "start": "npm run npm-build && bisheng start",

package.json

@@ -18,10 +18,6 @@ var webpackConfig = {
         query: {
           presets: ['es2015', 'stage-0', 'react']
         }
-      },
-      {
-        test: /\.css$/,
-        loader: ['style-loader', 'css-loader']
       }
     ]
   },