-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- /react-native
-
-
-
-
-
- -
-
-
- - - - -
- - - - - - -
- - - - Fork - - - - - - 2,894 - - -
-
-
- /react-native
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
-
-Permalink
-
-
-
-
-
- Newer
-
-
--
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 100644
-
- 286 lines (245 sloc)
-
- 8.08 KB
-
-
-
-
-
-
- fa87d83
- 
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 1 | -/** | -
- e1ef032
- 
- [ReactNative] Expanded license on js files
-
- |
- ||
| - | 2 | -* Copyright (c) 2015-present, Facebook, Inc. | -
| - | 3 | -* All rights reserved. | -
| - | 4 | -* | -
| - | 5 | -* This source code is licensed under the BSD-style license found in the | -
| - | 6 | -* LICENSE file in the root directory of this source tree. An additional grant | -
| - | 7 | -* of patent rights can be found in the PATENTS file in the same directory. | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 8 | -* | -
| - | 9 | -* @providesModule MapView | -
- 95deed5
- 
- flowified Libraries from Avik
-
- |
- ||
| - | 10 | -* @flow | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 11 | -*/ | -
| - | 12 | -'use strict'; | -
| - | 13 | -- |
| - | 14 | -var EdgeInsetsPropType = require('EdgeInsetsPropType'); | -
| - | 15 | -var NativeMethodsMixin = require('NativeMethodsMixin'); | -
- 58a550f
- 
- [ReactNative] use requireNativeComponent to clean up a bunch of boile…
-
- |
- ||
| - | 16 | -var Platform = require('Platform'); | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 17 | -var React = require('React'); | -
- ff00e14
- 
- [ReactNative] Rename ReactIOS JS module (and relatives) to ReactNative.
-
- |
- ||
| - | 18 | -var ReactNativeViewAttributes = require('ReactNativeViewAttributes'); | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 19 | -var View = require('View'); | -
| - | 20 | -- |
|
- ff00e14
-
- [ReactNative] Rename ReactIOS JS module (and relatives) to ReactNative.
-
- |
- ||
| - | 21 | -var createReactNativeComponentClass = require('createReactNativeComponentClass'); | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 22 | -var deepDiffer = require('deepDiffer'); | -
| - | 23 | -var insetsDiffer = require('insetsDiffer'); | -
| - | 24 | -var merge = require('merge'); | -
|
- 58a550f
-
- [ReactNative] use requireNativeComponent to clean up a bunch of boile…
-
- |
- ||
| - | 25 | -var requireNativeComponent = require('requireNativeComponent'); | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 26 | -- |
|
- 95deed5
-
- flowified Libraries from Avik
-
- |
- ||
| - | 27 | -type Event = Object; | -
- a0db658
- 
- [MAdMan] flowify AdsManagerGeoUtils
-
- |
- ||
| - | 28 | -type MapRegion = { | -
| - | 29 | -latitude: number; | -
| - | 30 | -longitude: number; | -
| - | 31 | -latitudeDelta: number; | -
| - | 32 | -longitudeDelta: number; | -
| - | 33 | -}; | -
|
- 95deed5
-
- flowified Libraries from Avik
-
- |
- ||
| - | 34 | -- |
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 35 | -var MapView = React.createClass({ | -
| - | 36 | -mixins: [NativeMethodsMixin], | -
| - | 37 | -- |
- 99bc08c
- 
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 38 | -checkAnnotationIds: function (annotations: Array<Object>) { | -
| - | 39 | -- |
| - | 40 | -var newAnnotations = annotations.map(function (annotation) { | -
| - | 41 | -if (!annotation.id) { | -
| - | 42 | -// TODO: add a base64 (or similar) encoder here | -
| - | 43 | -annotation.id = encodeURIComponent(JSON.stringify(annotation)); | -
| - | 44 | -} | -
| - | 45 | -- |
| - | 46 | -return annotation; | -
| - | 47 | -}); | -
| - | 48 | -- |
| - | 49 | -this.setState({ | -
| - | 50 | -annotations: newAnnotations | -
| - | 51 | -}); | -
| - | 52 | -}, | -
| - | 53 | -- |
| - | 54 | -componentWillMount: function() { | -
| - | 55 | -if (this.props.annotations) { | -
| - | 56 | -this.checkAnnotationIds(this.props.annotations); | -
| - | 57 | -} | -
| - | 58 | -}, | -
| - | 59 | -- |
| - | 60 | -componentWillReceiveProps: function(nextProps: Object) { | -
| - | 61 | -if (nextProps.annotations) { | -
| - | 62 | -this.checkAnnotationIds(nextProps.annotations); | -
| - | 63 | -} | -
| - | 64 | -}, | -
| - | 65 | -- |
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 66 | -propTypes: { | -
| - | 67 | -/** | -
| - | 68 | -* Used to style and layout the `MapView`. See `StyleSheet.js` and | -
| - | 69 | -* `ViewStylePropTypes.js` for more info. | -
| - | 70 | -*/ | -
| - | 71 | -style: View.propTypes.style, | -
| - | 72 | -- |
| - | 73 | -/** | -
| - | 74 | -* If `true` the app will ask for the user's location and focus on it. | -
| - | 75 | -* Default value is `false`. | -
| - | 76 | -* | -
| - | 77 | -* **NOTE**: You need to add NSLocationWhenInUseUsageDescription key in | -
| - | 78 | -* Info.plist to enable geolocation, otherwise it is going | -
| - | 79 | -* to *fail silently*! | -
| - | 80 | -*/ | -
| - | 81 | -showsUserLocation: React.PropTypes.bool, | -
| - | 82 | -- |
| - | 83 | -/** | -
| - | 84 | -* If `false` the user won't be able to pinch/zoom the map. | -
- 972ae4c
- 
- fix minor grammar and typo errors in comments
-
- |
- ||
| - | 85 | -* Default value is `true`. | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 86 | -*/ | -
| - | 87 | -zoomEnabled: React.PropTypes.bool, | -
| - | 88 | -- |
| - | 89 | -/** | -
| - | 90 | -* When this property is set to `true` and a valid camera is associated with | -
| - | 91 | -* the map, the camera’s heading angle is used to rotate the plane of the | -
| - | 92 | -* map around its center point. When this property is set to `false`, the | -
| - | 93 | -* camera’s heading angle is ignored and the map is always oriented so | -
| - | 94 | -* that true north is situated at the top of the map view | -
| - | 95 | -*/ | -
| - | 96 | -rotateEnabled: React.PropTypes.bool, | -
| - | 97 | -- |
| - | 98 | -/** | -
| - | 99 | -* When this property is set to `true` and a valid camera is associated | -
| - | 100 | -* with the map, the camera’s pitch angle is used to tilt the plane | -
| - | 101 | -* of the map. When this property is set to `false`, the camera’s pitch | -
| - | 102 | -* angle is ignored and the map is always displayed as if the user | -
| - | 103 | -* is looking straight down onto it. | -
| - | 104 | -*/ | -
| - | 105 | -pitchEnabled: React.PropTypes.bool, | -
| - | 106 | -- |
| - | 107 | -/** | -
| - | 108 | -* If `false` the user won't be able to change the map region being displayed. | -
| - | 109 | -* Default value is `true`. | -
| - | 110 | -*/ | -
| - | 111 | -scrollEnabled: React.PropTypes.bool, | -
| - | 112 | -- |
| - | 113 | -/** | -
- 04b3b52
- 
- Add map type property (standard, satellite, hybrid) to MapView.
-
- |
- ||
| - | 114 | -* The map type to be displayed. | -
|
- 99bc08c
-
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 115 | -* | -
|
- 04b3b52
-
- Add map type property (standard, satellite, hybrid) to MapView.
-
- |
- ||
| - | 116 | -* - standard: standard road map (default) | -
| - | 117 | -* - satellite: satellite view | -
| - | 118 | -* - hybrid: satellite view with roads and points of interest overlayed | -
| - | 119 | -*/ | -
| - | 120 | -mapType: React.PropTypes.oneOf([ | -
|
- 99bc08c
-
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 121 | -'standard', | -
| - | 122 | -'satellite', | -
|
- 04b3b52
-
- Add map type property (standard, satellite, hybrid) to MapView.
-
- |
- ||
| - | 123 | -'hybrid', | -
| - | 124 | -]), | -
| - | 125 | -- |
| - | 126 | -/** | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 127 | -* The region to be displayed by the map. | -
| - | 128 | -* | -
| - | 129 | -* The region is defined by the center coordinates and the span of | -
| - | 130 | -* coordinates to display. | -
| - | 131 | -*/ | -
| - | 132 | -region: React.PropTypes.shape({ | -
| - | 133 | -/** | -
| - | 134 | -* Coordinates for the center of the map. | -
| - | 135 | -*/ | -
| - | 136 | -latitude: React.PropTypes.number.isRequired, | -
| - | 137 | -longitude: React.PropTypes.number.isRequired, | -
| - | 138 | -- |
| - | 139 | -/** | -
| - | 140 | -* Distance between the minimun and the maximum latitude/longitude | -
| - | 141 | -* to be displayed. | -
| - | 142 | -*/ | -
| - | 143 | -latitudeDelta: React.PropTypes.number.isRequired, | -
| - | 144 | -longitudeDelta: React.PropTypes.number.isRequired, | -
| - | 145 | -}), | -
| - | 146 | -- |
| - | 147 | -/** | -
- 7a68691
- 
- MapView to support MKPointAnnotation using new attribute annotate in …
-
- |
- ||
| - | 148 | -* Map annotations with title/subtitle. | -
| - | 149 | -*/ | -
| - | 150 | -annotations: React.PropTypes.arrayOf(React.PropTypes.shape({ | -
| - | 151 | -/** | -
| - | 152 | -* The location of the annotation. | -
| - | 153 | -*/ | -
| - | 154 | -latitude: React.PropTypes.number.isRequired, | -
| - | 155 | -longitude: React.PropTypes.number.isRequired, | -
| - | 156 | -- |
| - | 157 | -/** | -
|
- 99bc08c
-
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 158 | -* Whether the pin drop should be animated or not | -
| - | 159 | -*/ | -
| - | 160 | -animateDrop: React.PropTypes.bool, | -
| - | 161 | -- |
| - | 162 | -/** | -
|
- 7a68691
-
- MapView to support MKPointAnnotation using new attribute annotate in …
-
- |
- ||
| - | 163 | -* Annotation title/subtile. | -
| - | 164 | -*/ | -
| - | 165 | -title: React.PropTypes.string, | -
| - | 166 | -subtitle: React.PropTypes.string, | -
|
- 99bc08c
-
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 167 | -- |
| - | 168 | -/** | -
| - | 169 | -* Whether the Annotation has callout buttons. | -
| - | 170 | -*/ | -
| - | 171 | -hasLeftCallout: React.PropTypes.bool, | -
| - | 172 | -hasRightCallout: React.PropTypes.bool, | -
| - | 173 | -- |
| - | 174 | -/** | -
| - | 175 | -* Event handlers for callout buttons. | -
| - | 176 | -*/ | -
| - | 177 | -onLeftCalloutPress: React.PropTypes.func, | -
| - | 178 | -onRightCalloutPress: React.PropTypes.func, | -
| - | 179 | -- |
| - | 180 | -/** | -
| - | 181 | -* annotation id | -
| - | 182 | -*/ | -
| - | 183 | -id: React.PropTypes.string | -
| - | 184 | -- |
|
- 7a68691
-
- MapView to support MKPointAnnotation using new attribute annotate in …
-
- |
- ||
| - | 185 | -})), | -
| - | 186 | -- |
| - | 187 | -/** | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 188 | -* Maximum size of area that can be displayed. | -
| - | 189 | -*/ | -
| - | 190 | -maxDelta: React.PropTypes.number, | -
| - | 191 | -- |
| - | 192 | -/** | -
| - | 193 | -* Minimum size of area that can be displayed. | -
| - | 194 | -*/ | -
| - | 195 | -minDelta: React.PropTypes.number, | -
| - | 196 | -- |
| - | 197 | -/** | -
| - | 198 | -* Insets for the map's legal label, originally at bottom left of the map. | -
| - | 199 | -* See `EdgeInsetsPropType.js` for more information. | -
| - | 200 | -*/ | -
| - | 201 | -legalLabelInsets: EdgeInsetsPropType, | -
| - | 202 | -- |
| - | 203 | -/** | -
| - | 204 | -* Callback that is called continuously when the user is dragging the map. | -
| - | 205 | -*/ | -
| - | 206 | -onRegionChange: React.PropTypes.func, | -
| - | 207 | -- |
| - | 208 | -/** | -
| - | 209 | -* Callback that is called once, when the user is done moving the map. | -
| - | 210 | -*/ | -
| - | 211 | -onRegionChangeComplete: React.PropTypes.func, | -
|
- 99bc08c
-
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 212 | -- |
| - | 213 | -/** | -
|
- 972ae4c
-
- fix minor grammar and typo errors in comments
-
- |
- ||
| - | 214 | -* Callback that is called once, when the user taps an annotation. | -
|
- 99bc08c
-
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 215 | -*/ | -
| - | 216 | -onAnnotationPress: React.PropTypes.func, | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 217 | -}, | -
| - | 218 | -- |
|
- 95deed5
-
- flowified Libraries from Avik
-
- |
- ||
| - | 219 | -_onChange: function(event: Event) { | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 220 | -if (event.nativeEvent.continuous) { | -
| - | 221 | -this.props.onRegionChange && | -
| - | 222 | -this.props.onRegionChange(event.nativeEvent.region); | -
| - | 223 | -} else { | -
| - | 224 | -this.props.onRegionChangeComplete && | -
| - | 225 | -this.props.onRegionChangeComplete(event.nativeEvent.region); | -
| - | 226 | -} | -
| - | 227 | -}, | -
| - | 228 | -- |
|
- 99bc08c
-
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 229 | -_onPress: function(event: Event) { | -
| - | 230 | -if (event.nativeEvent.action === 'annotation-click') { | -
| - | 231 | -this.props.onAnnotationPress && this.props.onAnnotationPress(event.nativeEvent.annotation); | -
| - | 232 | -} | -
| - | 233 | -- |
| - | 234 | -if (event.nativeEvent.action === 'callout-click') { | -
| - | 235 | -if (!this.props.annotations) { | -
| - | 236 | -return; | -
| - | 237 | -} | -
| - | 238 | -- |
| - | 239 | -// Find the annotation with the id of what has been pressed | -
| - | 240 | -for (var i = 0; i < this.props.annotations.length; i++) { | -
| - | 241 | -var annotation = this.props.annotations[i]; | -
| - | 242 | -if (annotation.id === event.nativeEvent.annotationId) { | -
| - | 243 | -// Pass the right function | -
| - | 244 | -if (event.nativeEvent.side === 'left') { | -
| - | 245 | -annotation.onLeftCalloutPress && annotation.onLeftCalloutPress(event.nativeEvent); | -
| - | 246 | -} else if (event.nativeEvent.side === 'right') { | -
| - | 247 | -annotation.onRightCalloutPress && annotation.onRightCalloutPress(event.nativeEvent); | -
| - | 248 | -} | -
| - | 249 | -} | -
| - | 250 | -} | -
| - | 251 | -- |
| - | 252 | -} | -
| - | 253 | -}, | -
| - | 254 | -- |
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 255 | -render: function() { | -
|
- 99bc08c
-
- [MapView] Support for annotation callouts, annotation press, callout …
-
- |
- ||
| - | 256 | -return <RCTMap {...this.props} onPress={this._onPress} onChange={this._onChange} />; | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 257 | -}, | -
| - | 258 | -}); | -
| - | 259 | -- |
|
- 58a550f
-
- [ReactNative] use requireNativeComponent to clean up a bunch of boile…
-
- |
- ||
| - | 260 | -if (Platform.OS === 'android') { | -
|
- ff00e14
-
- [ReactNative] Rename ReactIOS JS module (and relatives) to ReactNative.
-
- |
- ||
| - | 261 | -var RCTMap = createReactNativeComponentClass({ | -
|
- 58a550f
-
- [ReactNative] use requireNativeComponent to clean up a bunch of boile…
-
- |
- ||
| - | 262 | -validAttributes: merge( | -
|
- ff00e14
-
- [ReactNative] Rename ReactIOS JS module (and relatives) to ReactNative.
-
- |
- ||
| - | 263 | -ReactNativeViewAttributes.UIView, { | -
- 3ec3312
- 
- [madman]: Fix MapView crashing problem.
-
- |
- ||
| - | 264 | -active: true, | -
|
- 58a550f
-
- [ReactNative] use requireNativeComponent to clean up a bunch of boile…
-
- |
- ||
| - | 265 | -showsUserLocation: true, | -
| - | 266 | -zoomEnabled: true, | -
| - | 267 | -rotateEnabled: true, | -
| - | 268 | -pitchEnabled: true, | -
| - | 269 | -scrollEnabled: true, | -
| - | 270 | -region: {diff: deepDiffer}, | -
| - | 271 | -annotations: {diff: deepDiffer}, | -
| - | 272 | -maxDelta: true, | -
| - | 273 | -minDelta: true, | -
| - | 274 | -legalLabelInsets: {diff: insetsDiffer}, | -
| - | 275 | -} | -
| - | 276 | -), | -
| - | 277 | -uiViewClassName: 'RCTMap', | -
| - | 278 | -}); | -
| - | 279 | -} else { | -
- 8488398
- 
- Added mechanism for directly mapping JS event handlers to blocks
-
- |
- ||
| - | 280 | -var RCTMap = requireNativeComponent('RCTMap', MapView, { | -
| - | 281 | -nativeOnly: {onChange: true, onPress: true} | -
| - | 282 | -}); | -
|
- 58a550f
-
- [ReactNative] use requireNativeComponent to clean up a bunch of boile…
-
- |
- ||
| - | 283 | -} | -
|
- fa87d83
-
- [ReactNative] Oss GeoMap
-
- |
- ||
| - | 284 | -- |
| - | 285 | -module.exports = MapView; | -
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-