react-native-map4d-map-dtqg 0.1.3 → 0.1.4

package/src/components/MFMarker.js

@@ -1,246 +1,259 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import {ViewPropTypes} from 'deprecated-react-native-prop-types';
-import {
-  requireNativeComponent,
-  StyleSheet,
-  Platform,
-  Image,
-  NativeModules,
-  findNodeHandle
-} from 'react-native';
-
-// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
-const viewPropTypes = ViewPropTypes || View.propTypes;
-
-const propTypes = {
-  ...viewPropTypes,
-
-  /**
-   * The coordinate for the marker.
-   */
-  coordinate: PropTypes.shape({
-    latitude: PropTypes.number.isRequired,
-    longitude: PropTypes.number.isRequired,
-  }).isRequired,
-
-  /**
-   * Default value is `false`
-   */
-  draggable: PropTypes.bool,
-
-  /**
-   * Sets the ground anchor point for the marker.
-   */
-  anchor: PropTypes.shape({
-    x: PropTypes.number.isRequired,
-    y: PropTypes.number.isRequired,
-  }),
-
-  /**
-   * 
-   */
-  elevation: PropTypes.number,
-
-  /**
-   * 
-   */
-  rotation: PropTypes.number,
-
-  /**
-   * Sets the infor window anchor point for the marker.
-   */
-  infoWindowAnchor: PropTypes.shape({
-    x: PropTypes.number.isRequired,
-    y: PropTypes.number.isRequired,
-  }),
-
-  /**
-   * The title of the marker.
-   */
-  title: PropTypes.string,
-
-  /**
-   * The snippet of the marker.
-   */
-  snippet: PropTypes.string,
-
-  /**
-   * Marker icon to render.
-   */
-  icon: PropTypes.shape({
-    uri: PropTypes.any.isRequired,
-    width: PropTypes.number.isRequired,
-    height: PropTypes.number.isRequired,
-  }),
-
-
-  /**
-   * zIndex
-   */
-  zIndex: PropTypes.number,
-
-  /**
-   * visible
-   */
-  visible: PropTypes.bool,
-
-  /**
-   * userData
-   */
-  userData:PropTypes.object,
-
-  /**
-   * Callback that is called when the user presses on the marker
-   */
-  onPress: PropTypes.func,
-
-  /**
-   * Callback that is called when the user presses on the info window
-   */
-  onPressInfoWindow: PropTypes.func,
-
-  /**
-   * Callback that is called when the user initiates a drag on this marker (if it is draggable)
-   */
-  onDragStart: PropTypes.func,
-
-  /**
-   * Callback called continuously as the marker is dragged
-   */
-  onDrag: PropTypes.func,
-
-  /**
-   * Callback that is called when a drag on this marker finishes. This is usually the point you
-   * will want to setState on the marker's coordinate again
-   */
-  onDragEnd: PropTypes.func,
-};
-
-
-class MFMarker extends React.Component {
-    constructor(props) {
-      super(props);      
-      this._onPress = this._onPress.bind(this)
-      this._ref = this._ref.bind(this)
-    }
-
-    setCoordinate(location) {
-        this._runCommand("setCoordinate", [location])
-    }
-
-    setRotation(rotation) {
-      this._runCommand("setRotation", [rotation])
-    }
-
-    setTitle(title) {
-      this._runCommand("setTitle", [title])
-    }
-
-    setSnippet(snippet) {
-      this._runCommand("setSnippet", [snippet])
-    }
-
-    setDraggable(draggable) {
-      this._runCommand("setDraggable", [draggable])
-    }
-
-    setZIndex(zIndex) {
-      this._runCommand("setZIndex", [zIndex])
-    }
-
-    setVisible(visible) {
-      this._runCommand("setVisible", [visible])
-    }
-
-    setInfoWindowAnchor(anchor) {
-      this._runCommand("setInfoWindowAnchor", [anchor])
-    }
-
-    setElevation(elevation) {
-      this._runCommand("setElevation", [elevation])
-    }
-
-    setUserData(userData) {
-      this._runCommand("setUserData", [userData])
-    }
-
-    _getHandle() {
-        return findNodeHandle(this.marker);
-      }
-
-
-    _runCommand(name, args) {
-        switch (Platform.OS) {
-          case 'android':
-            NativeModules.UIManager.dispatchViewManagerCommand(
-              this._getHandle(),
-              this._uiManagerCommand(name),
-              args
-            );
-            break;
-    
-          case 'ios':
-            //this.getMapManagerCommand(name)(this._getHandle(), ...args);
-            this._mapManagerCommand(name)(this._getHandle(), ...args);
-            break;
-    
-          default:
-            break;
-        }
-      }
-
-      _uiManagerCommand(name) {
-        const UIManager = NativeModules.UIManager;
-        const componentName = "RMFMarker";
-    
-        if (!UIManager.getViewManagerConfig) {
-          // RN < 0.58
-          return UIManager[componentName].Commands[name];
-        }
-    
-        // RN >= 0.58        
-        return UIManager.getViewManagerConfig(componentName).Commands[name];
-      }
-      
-      _mapManagerCommand(name) {
-        return NativeModules[`RMFMarker`][name];
-      }
-
-      _onPress(event) {
-        event.stopPropagation();
-          if (this.props.onPress) {
-            this.props.onPress(event);
-        }
-      }
-
-      _ref(ref) {
-        this.marker = ref;
-      }
-
-      render() {
-        let icon = {};
-        if (this.props.icon) {
-          let uri = Image.resolveAssetSource(this.props.icon.uri) || {uri: this.props.icon.uri};
-          icon = {uri: uri.uri, width: this.props.icon.width, height: this.props.icon.height}
-        }
-        return <RMFMarker
-          {...this.props}
-          icon={icon}
-          ref={this._ref}
-          style={[styles.marker, this.props.style]}
-          onPress={this._onPress}
-        />;
-      }
-}
-
-MFMarker.propTypes = propTypes;
-var RMFMarker = requireNativeComponent(`RMFMarker`, MFMarker);
-
-const styles = StyleSheet.create({
-  marker: {
-    position: 'absolute'
-  },
-});
-
-export {MFMarker}
+import PropTypes from 'prop-types';
+import React from 'react';
+import {ViewPropTypes} from 'deprecated-react-native-prop-types';
+import {
+  requireNativeComponent,
+  StyleSheet,
+  Platform,
+  Image,
+  UIManager,
+  NativeModules,
+  findNodeHandle
+} from 'react-native';
+
+// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
+const viewPropTypes = ViewPropTypes || View.propTypes;
+
+const propTypes = {
+  ...viewPropTypes,
+
+  /**
+   * The coordinate for the marker.
+   */
+  coordinate: PropTypes.shape({
+    latitude: PropTypes.number.isRequired,
+    longitude: PropTypes.number.isRequired,
+  }).isRequired,
+
+  /**
+   * Default value is `false`
+   */
+  draggable: PropTypes.bool,
+
+  /**
+   * Sets the ground anchor point for the marker.
+   */
+  anchor: PropTypes.shape({
+    x: PropTypes.number.isRequired,
+    y: PropTypes.number.isRequired,
+  }),
+
+  /**
+   * 
+   */
+  elevation: PropTypes.number,
+
+  /**
+   * 
+   */
+  rotation: PropTypes.number,
+
+  /**
+   * Sets the infor window anchor point for the marker.
+   */
+  infoWindowAnchor: PropTypes.shape({
+    x: PropTypes.number.isRequired,
+    y: PropTypes.number.isRequired,
+  }),
+
+  /**
+   * The title of the marker.
+   */
+  title: PropTypes.string,
+
+  /**
+   * The snippet of the marker.
+   */
+  snippet: PropTypes.string,
+
+  /**
+   * Marker icon to render.
+   */
+  icon: PropTypes.shape({
+    uri: PropTypes.any.isRequired,
+    width: PropTypes.number.isRequired,
+    height: PropTypes.number.isRequired,
+  }),
+
+
+  /**
+   * zIndex
+   */
+  zIndex: PropTypes.number,
+
+  /**
+   * visible
+   */
+  visible: PropTypes.bool,
+
+  /**
+   * userData
+   */
+  userData:PropTypes.object,
+
+  /**
+   * Callback that is called when the user presses on the marker
+   */
+  onPress: PropTypes.func,
+
+  /**
+   * Callback that is called when the user presses on the info window
+   */
+  onPressInfoWindow: PropTypes.func,
+
+  /**
+   * Callback that is called when the user initiates a drag on this marker (if it is draggable)
+   */
+  onDragStart: PropTypes.func,
+
+  /**
+   * Callback called continuously as the marker is dragged
+   */
+  onDrag: PropTypes.func,
+
+  /**
+   * Callback that is called when a drag on this marker finishes. This is usually the point you
+   * will want to setState on the marker's coordinate again
+   */
+  onDragEnd: PropTypes.func,
+};
+
+
+class MFMarker extends React.Component {
+    constructor(props) {
+      super(props);      
+      this._onPress = this._onPress.bind(this)
+      this._ref = this._ref.bind(this)
+    }
+
+    setCoordinate(location) {
+        this._runCommand("setCoordinate", [location])
+    }
+
+    setRotation(rotation) {
+      this._runCommand("setRotation", [rotation])
+    }
+
+    setTitle(title) {
+      this._runCommand("setTitle", [title])
+    }
+
+    setSnippet(snippet) {
+      this._runCommand("setSnippet", [snippet])
+    }
+
+    setDraggable(draggable) {
+      this._runCommand("setDraggable", [draggable])
+    }
+
+    setZIndex(zIndex) {
+      this._runCommand("setZIndex", [zIndex])
+    }
+
+    setVisible(visible) {
+      this._runCommand("setVisible", [visible])
+    }
+
+    setInfoWindowAnchor(anchor) {
+      this._runCommand("setInfoWindowAnchor", [anchor])
+    }
+
+    setElevation(elevation) {
+      this._runCommand("setElevation", [elevation])
+    }
+
+    setUserData(userData) {
+      this._runCommand("setUserData", [userData])
+    }
+
+    _getHandle() {
+        return findNodeHandle(this.marker);
+      }
+
+
+    _runCommand(name, args) {
+        switch (Platform.OS) {
+          case 'android': {
+            if (!UIManager || typeof UIManager.dispatchViewManagerCommand !== 'function') {
+              return;
+            }
+
+            const commandId = this._uiManagerCommand(name);
+            if (commandId == null) {
+              return;
+            }
+
+            UIManager.dispatchViewManagerCommand(this._getHandle(), commandId, args);
+            break;
+          }
+    
+          case 'ios':
+            //this.getMapManagerCommand(name)(this._getHandle(), ...args);
+            this._mapManagerCommand(name)(this._getHandle(), ...args);
+            break;
+    
+          default:
+            break;
+        }
+      }
+
+      _uiManagerCommand(name) {
+        const uiManager = UIManager || NativeModules.UIManager;
+        const componentName = "RMFMarker";
+
+        if (!uiManager) {
+          return null;
+        }
+    
+        if (!uiManager.getViewManagerConfig) {
+          // RN < 0.58
+          const legacyConfig = uiManager[componentName];
+          return legacyConfig && legacyConfig.Commands ? legacyConfig.Commands[name] : null;
+        }
+    
+        // RN >= 0.58        
+        const config = uiManager.getViewManagerConfig(componentName);
+        return config && config.Commands ? config.Commands[name] : null;
+      }
+      
+      _mapManagerCommand(name) {
+        return NativeModules[`RMFMarker`][name];
+      }
+
+      _onPress(event) {
+        event.stopPropagation();
+          if (this.props.onPress) {
+            this.props.onPress(event);
+        }
+      }
+
+      _ref(ref) {
+        this.marker = ref;
+      }
+
+      render() {
+        let icon = {};
+        if (this.props.icon) {
+          let uri = Image.resolveAssetSource(this.props.icon.uri) || {uri: this.props.icon.uri};
+          icon = {uri: uri.uri, width: this.props.icon.width, height: this.props.icon.height}
+        }
+        return <RMFMarker
+          {...this.props}
+          icon={icon}
+          ref={this._ref}
+          style={[styles.marker, this.props.style]}
+          onPress={this._onPress}
+        />;
+      }
+}
+
+MFMarker.propTypes = propTypes;
+var RMFMarker = requireNativeComponent(`RMFMarker`, MFMarker);
+
+const styles = StyleSheet.create({
+  marker: {
+    position: 'absolute'
+  },
+});
+
+export {MFMarker}