Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
@openmobilehub/maps-plugin-googlemaps
Advanced tools
Platform | Supported |
---|---|
Android | ✅ |
iOS | ✅ |
yarn add @openmobilehub/maps-plugin-googlemaps
No additional steps are required.
:::info[Prerequisites]
Each plugin requires you to follow the @openmobilehub/maps-core
setup guide. You can find it here.
:::
AndroidManifest.xml
file:<manifest ...>
<application ...>
...
<meta-data
android:name="com.google.android.geo.API_KEY"
android:value="<YOUR_API_KEY>"/>
</application>
</manifest>
AndroidManifest.xml
file:<manifest ...>
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<application ...>
...
</application>
</manifest>
react-native-maps
underneaths, so please complete its iOS setup guide.Before interacting with any maps plugin, it is necessary to initialize the maps module.
import {OmhMapView, OmhMapsModule, OmhMapsGoogleMapsIOSProvider} from '@openmobilehub/maps-core';
import {OmhMapsGoogleMapsProvider} from '@openmobilehub/maps-plugin-googlemaps';
import {OmhMapsOpenStreetMapProvider} from '@openmobilehub/maps-plugin-openstreetmap';
// You can use different providers for iOS and Android.
// For Android, you can use different providers for devices with and without Google Play Services.
// Remember to initialize the module before using any of its components.
OmhMapsModule.initialize({
gmsProvider: OmhMapsGoogleMapsProvider,
nonGmsProvider: OmhMapsOpenStreetMapProvider, // <- Note: Google Maps is not available on devices without Google Play Services.
iosProvider: OmhMapsGoogleMapsIOSProvider,
});
const App = () => {
return <OmhMapView />;
}
Interacting with the Google Maps provider follows the same pattern as other providers, as they all implement the same interface. For a comprehensive list of available modules, components, and props, refer to the Quick Start guide.
The below matrix presents the compatibility matrix, denoting support levels for each of the functionalities across platforms.
Legend of support levels:
Support level | Symbol |
---|---|
Fully supported | ✅ |
Partially supported | 🟨 |
Not supported | ❌ |
Props | Android | iOS |
---|---|---|
mapStyle | ✅ | ✅ |
rotateEnabled | ✅ | ✅ |
zoomEnabled | ✅ | ✅ |
myLocationEnabled | ✅ | ✅ |
onMapReady | ✅ | ✅ |
onMapLoaded | ✅ | ✅ |
onCameraIdle | ✅ | ✅ |
onMyLocationClicked | ✅ | ✅ |
onCameraMoveStarted | ✅ | ✅ |
Ref | Android | iOS |
---|---|---|
getCameraCoordinate | ✅ | ✅ |
setCameraCoordinate | ✅ | ✅ |
getProviderName | ✅ | ✅ |
takeSnapshot | ✅ | ✅ |
Props | Android | iOS |
---|---|---|
position | ✅ | ✅ |
title | ✅ | ✅ |
clickable | ✅ | ✅ |
draggable | ✅ | ✅ |
anchor | ✅ | ✅ |
infoWindowAnchor | 🟨 | ✅ |
alpha | ✅ | ✅ |
snippet | ✅ | ✅ |
isVisible | ✅ | ✅ |
isFlat | ✅ | ✅ |
rotation | ✅ | ✅ |
backgroundColor | ✅ | ✅ |
markerZIndex | ✅ | ✅ |
icon | ✅ | ✅ |
consumeMarkerClicks | ✅ | ❌ |
onPress | 🟨 | ✅ |
onDragStart | ✅ | ✅ |
onDrag | ✅ | ✅ |
onDragEnd | ✅ | ✅ |
onInfoWindowPress | ✅ | ❌ |
onInfoWindowLongPress | ✅ | ❌ |
onInfoWindowClose | 🟨 | ❌ |
onInfoWindowOpen | 🟨 | ❌ |
Comments for partially supported properties:
Property | Comments |
---|---|
onPress | Described in the OMH Android SDK Plugin GoogleMaps documentation for setOnMarkerClickListener |
onInfoWindowClose, onInfoWindowOpen | Described in the OMH Android SDK Plugin GoogleMaps documentation for setOnInfoWindowOpenStatusChangeListener |
infoWindowAnchor | Described in the OMH Android SDK Plugin GoogleMaps documentation for setInfoWindowAnchor |
Ref | Android | iOS |
---|---|---|
showInfoWindow | ✅ | ✅ |
hideInfoWindow | ✅ | ✅ |
For advanced usage of OmhMarker
, see the Advanced Usage section.
Props | Android | iOS |
---|---|---|
points | ✅ | ✅ |
clickable | ✅ | ✅ |
color | ✅ | ✅ |
width | ✅ | ✅ |
isVisible | ✅ | ✅ |
zIndex | ✅ | ✅ |
jointType | ✅ | ❌ |
pattern | ✅ | ❌ |
onPolylineClick | ✅ | ✅ |
consumePolylineClicks | ✅ | ✅ |
spans | ✅ | ✅ |
cap | ✅ | ❌ |
startCap | ✅ | ❌ |
endCap | ✅ | ❌ |
Props | Android | iOS |
---|---|---|
outline | ✅ | ✅ |
clickable | ✅ | ✅ |
strokeColor | ✅ | ✅ |
fillColor | ✅ | ✅ |
holes | ✅ | ✅ |
strokeWidth | ✅ | ✅ |
isVisible | ✅ | ✅ |
zIndex | ✅ | ✅ |
strokeJointType | ✅ | ❌ |
strokePattern | ✅ | ❌ |
onPolygonClick | ✅ | ✅ |
consumePolygonClicks | ✅ | ✅ |
Copyright 2023 Open Mobile Hub
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
https://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
FAQs
React Native OMH Maps Googlemaps Plugin
We found that @openmobilehub/maps-plugin-googlemaps demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.