A Bluerain plugin that integrates google map for web app.
Last updated 2 years ago by bjavaid .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @blueeast/bluerain-plugin-web-gmap 
SYNC missed versions from official npm registry.


This bluerain plugin is built on react-gmaps


Run the following command in the plugin directoy:


npm i --save @blueeast/bluerain-plugin-web-gmap

Then in your boot function, pass the plugin like this:

import BR from '@blueeast/bluerain-os';
import WebGMapPlugin from '@blueeast/bluerain-plugin-web-gmap';

    plugin: [WebGMapPlugin]


This plugin registers following component in Component Registry.

  • GMap



Extends Plugin

A BlueRain Plugin built on web-gmap to View Google Maps in React apps.


  • pluginName string "WebGMapPlugin"
  • slug string "web-google-map"

Universal Props

Name Type Default Description
Region object The region to be displayed by the map.The region is defined by the center coordinates and the span of coordinates to display.
onMarkerDragEnd func Callback that is called when the Mark pointer changes.

Specific Library Props

Name Type Default Description
width string TThe width of the map.
height string The height of the map.
zoom number The user able to pinch/zoom the map.
draggable boolean If false the user can't drag the map.
params object Params are the default object value of Google Api 'Key' and 'V' value.

How to Use

import React from 'react';
import { BlueRainConsumer, BlueRain } from "@blueeast/bluerain-os";

const onDragEnd = (e) => {
      const { latLng } = e;
      lat = latLng.lat();
      lng = latLng.lng();
const appPage = (props) => {
    return (
        {(BR: BlueRain) => {
          <BR.Components.GMap zoom={15}
                region={{ latitude: lat, longitude: lng }} />

export default appPage;

Current Tags

  • 1.0.3                                ...           latest (2 years ago)

4 Versions

  • 1.0.3                                ...           2 years ago
  • 1.0.2                                ...           2 years ago
  • 1.0.1                                ...           2 years ago
  • 1.0.0                                ...           3 years ago
Today 0
This Week 1
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dependencies (5)
Dependents (0)

Copyright 2014 - 2017 © taobao.org |