将google map var重新分配给新div

时间:2015-10-29 21:30:23

标签: google-maps google-maps-api-3 reactjs

我正在使用react,我有一个组件,可以在安装时呈现谷歌地图视图。 我想全局保存google map var,这样当卸载组件然后重新安装时,我可以将地图重新​​分配给div而不是重新创建它。这可能吗?

所以像这样的东西

/** @jsx React.DOM */

var React      = require('react');

window.coverage_map = null;

var  CoverageMap =  React.createClass({

    componentDidMount: function(){   
        if(window.coverage_map == null){      
           var ele = React.findDOMNode(this.refs.map);
           window.coverage_map = new google.maps.Map(ele, {
               center: {lat: 37.7833, lng: -122.4167},
               mapTypeControlOptions: {
                  mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
               }
            });
        }
        else{
           //reassign google map
        }
   },
   render(){
     // render code
   },
}) 

1 个答案:

答案 0 :(得分:0)

否 - 一旦实例化,就无法更改地图的根元素。