content: import React, { Component } from 'react';
  
  class GoogleMap extends Component {
  
    componentDidMount() {
      var map;
      
      map = new google.maps.Map(this.refs.map, {
        zoom: 12,
        center: new google.maps.LatLng(57.7087, 11.9751),
        mapTypeId: 'roadmap'
      });
  
      var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
      var icons = {
        info: {
          icon: '../data/stall.png'
        }
      };
  
      var features = [
        {
          position: new google.maps.LatLng(57.746558, 11.897127),
          type: 'info'
        }, {
          position: new google.maps.LatLng(57.741731, 12.059479),
          type: 'info'
        }, {
          position: new google.maps.LatLng(57.662842, 11.900722),
          type: 'info'
        }, {
          position: new google.maps.LatLng(57.706762, 12.025603),
          type: 'info'
        }
      ];
  
      // Create markers.
      features.forEach(function(feature) {
        var marker = new google.maps.Marker({
          position: feature.position,
          icon: icons[feature.type].icon,
          map: map
        });
      });
    }
  
    render() {
      return <div ref="map"  id="googleMap" />;
    }
  }
  
  export default GoogleMap;