windsome.feng 7 years ago
parent
commit
5af83685af
2 changed files with 17 additions and 3 deletions
  1. 16 3
      README.md
  2. 1 0
      compare.md

+ 16 - 3
README.md

@@ -23,17 +23,30 @@ componentDidMount() {
 render() {
   return (
   <Map refer={} AMap={this.state.AMap} style={{width:1200, height:800}} options={{}} events={{}} >
+    <Marker
+      refer={(entity) => this.setState({carEntity: entity})}
+      options={{
+        position: [116.397428, 39.90923],
+        icon: "https://webapi.amap.com/images/car.png",
+        offset: this.state.carOffset,
+        autoRotation: true
+      }}
+      events={{
+        moving:this._carMoving
+      }}
+    />
   </Map>
   )
 }
 ```
-或者直接下载,将源码添加进自己的项目中
+
+## 测试用例
+例子请参考`src/App.js`,
 ```
 git clone https://github.com/windsome/react-amap-next
-yarn install
+yarn install # npm install
 npm start
 ```
-例子请参考`src/App.js`,
 
 ## 方案介绍
 1. `api.js`为amap相关的操作,主要包含高德js的加载及各种组件的创建及更新方法.

+ 1 - 0
compare.md

@@ -103,3 +103,4 @@ render() {
   1. `events`属性,是一些事件处理函数的集合,最好不要是写在`render`中的函数或匿名函数,否则每次render函数都会重新实例化,会导致频繁调用on和off进行绑定和解绑事件. 
   2. `options`属性是高德组件的属性集合,参考高德官方文档即可.某些调用`set`进行设置的内容,可以作为属性添加,还有一些属性是`AMap`类中的一些子类,看起来比较复杂.并且属性是进行深比对,不一样的就会更新. 
   3. 目前组件还比较少,只满足了我个人的使用需求,有待增加
+  4. Map组件的layers属性可能与海量点组件冲突,因海量点是个图层,如果海量点图层加载后,map的layers属性更新,则海量点图层就被删掉了,从而看不见.临时解决办法是layers属性保证先于MassMarks加载,或者Map不填入layers属性.以后可以将所有的图层都用组件方式开发出来,这样将不会出现此问题,并且,图层的属性将方便更新和设置.