feats

src/components/amap/PoiAround.js

@@ -2,7 +2,26 @@ import Taro, { Component } from '@tarojs/taro'
 import { Map } from '@tarojs/components'
 import icons from './icons'
 
+function ObjEqual (a = {}, b = {}) { return JSON.stringify(a) === JSON.stringify(b) }
+
 export default class PoiAround extends Component {
+  map = null;
+
+  componentDidMount () {
+    this.map = wx.createMapContext('poi-around', this)
+  }
+
+  componentWillReceiveProps (nextProps) {
+    if (this.map) {
+      if (!ObjEqual(nextProps.markers, this.props.markers)) {        
+        const tk = setTimeout(() => {
+          this.map.moveToLocation()
+          console.log(this.map)
+          clearTimeout(tk)
+        }, 1000)
+      }
+    }
+  }
 
   handleTap = (e) => {
     const marker = this.props.markers.filter(x => x.id === e.markerId)[0]
@@ -26,7 +45,9 @@ export default class PoiAround extends Component {
 
     return this.props.longitude && (
       <Map
+        id="poi-around"
         showLocation
+        show-location={true}
         scale={12}
         markers={markers}
         longitude={this.props.longitude}