Source: map-google-maps/src/main/resources/META-INF/resources/js/GoogleMapsGeoJSON.es.js

  1. /**
  2.  * Copyright (c) 2000-present Liferay, Inc. All rights reserved.
  3.  *
  4.  * This library is free software; you can redistribute it and/or modify it under
  5.  * the terms of the GNU Lesser General Public License as published by the Free
  6.  * Software Foundation; either version 2.1 of the License, or (at your option)
  7.  * any later version.
  8.  *
  9.  * This library is distributed in the hope that it will be useful, but WITHOUT
  10.  * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
  11.  * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more
  12.  * details.
  13.  */
  15. import GeoJSONBase from 'map-common/js/GeoJSONBase.es';
  17. /**
  18.  * GoogleMapsGeoJSON
  19.  * @review
  20.  */
  21. class GoogleMapsGeoJSON extends GeoJSONBase {
  23. 	/**
  24. 	 * Creates a new geojson parser using Google Map's API
  25. 	 * @param  {Array} args List of arguments to be passed to State
  26. 	 * @review
  27. 	 */
  28. 	constructor(...args) {
  29. 		super(...args);
  31. 		this.eventHandlers = [];
  33. 		this._getFeatureStyle = this._getFeatureStyle.bind(this);
  34. 		this._handleFeatureClicked = this._handleFeatureClicked.bind(this);
  36. 		this.map.data.setStyle(this._getFeatureStyle);
  38. 		this._bindUI();
  39. 	}
  41. 	/**
  42. 	 * Removes the listeners that have been added to the map object.
  43. 	 * @review
  44. 	 */
  45. 	destructor() {
  46. 		this._eventHandlers.forEach((item) => {
  47. 			google.maps.event.removeListener(item);
  48. 		});
  49. 	}
  51. 	/**
  52. 	 * Adds listeners for the created map object.
  53. 	 * It listens for click events and executes
  54. 	 * GoogleMapsGeoJSON._handleFeatureClicked.
  55. 	 * @protected
  56. 	 * @review
  57. 	 */
  58. 	_bindUI() {
  59. 		this._eventHandlers = [
  60. 			google.maps.event.addListener(
  61. 				this.map.data,
  62. 				'click',
  63. 				this._handleFeatureClicked
  64. 			),
  65. 		];
  66. 	}
  68. 	/**
  69. 	 * Gets the internal style of the given feature. Both the feature and the
  70. 	 * style are native Google Maps objects.
  71. 	 * @param {Object} feature Google Maps native feature to be parsed.
  72. 	 * @protected
  73. 	 * @return {Object} Obtained style
  74. 	 * @review
  75. 	 */
  76. 	_getFeatureStyle(feature) {
  77. 		return {
  78. 			icon: feature.getProperty('icon'),
  79. 		};
  80. 	}
  82. 	/**
  83. 	 * @inheritDoc
  84. 	 * @review
  85. 	 */
  86. 	_getNativeFeatures(geoJSONData) {
  87. 		return this.map.data.addGeoJson(geoJSONData);
  88. 	}
  90. 	/**
  91. 	 * @inheritDoc
  92. 	 * @review
  93. 	 */
  94. 	_wrapNativeFeature(nativeFeature) {
  95. 		const feature = nativeFeature.getGeometry
  96. 			? nativeFeature
  97. 			: nativeFeature.feature;
  99. 		feature.getMarker = () => {
  100. 			if (!feature._marker) {
  101. 				const marker = new google.maps.Marker({
  102. 					icon: feature.getProperty('icon'),
  103. 					map: this.map,
  104. 					opacity: 0,
  105. 					position: feature.getGeometry().get('location'),
  106. 					zIndex: -1,
  107. 				});
  109. 				feature._marker = marker;
  110. 			}
  112. 			return feature.marker;
  113. 		};
  115. 		return feature;
  116. 	}
  117. }
  119. export default GoogleMapsGeoJSON;
  120. export {GoogleMapsGeoJSON};