113 lines
3.3 KiB
HTML
113 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>JSDoc: Source: modules/newButton.js</title>
|
|
|
|
<script src="scripts/prettify/prettify.js"></script>
|
|
<script src="scripts/prettify/lang-css.js"></script>
|
|
<!--[if lt IE 9]>
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
<link
|
|
type="text/css"
|
|
rel="stylesheet"
|
|
href="styles/prettify-tomorrow.css"
|
|
/>
|
|
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="main">
|
|
<h1 class="page-title">Source: modules/newButton.js</h1>
|
|
|
|
<section>
|
|
<article>
|
|
<pre
|
|
class="prettyprint source linenums"
|
|
><code>import { Control } from "ol/control.js";
|
|
|
|
/**
|
|
* @module newButton
|
|
*/
|
|
|
|
/** Extends OpenLayers default Control class to provide button for pin creation process
|
|
* @extends ol.control.Control
|
|
*/
|
|
class ButtonControl extends Control {
|
|
constructor(opt_options) {
|
|
const options = opt_options || {};
|
|
|
|
const button = document.createElement("button");
|
|
button.textContent = "New";
|
|
button.addEventListener("click", newButtonHandler, false);
|
|
|
|
function newButtonHandler() {
|
|
window.ReactNativeWebView?.postMessage("new pin start");
|
|
}
|
|
|
|
const element = document.createElement("div");
|
|
element.className = "new-button ol-unselectable ol-control";
|
|
element.appendChild(button);
|
|
|
|
super({
|
|
element: element,
|
|
target: options.target,
|
|
});
|
|
}
|
|
}
|
|
|
|
export default ButtonControl;
|
|
</code></pre>
|
|
</article>
|
|
</section>
|
|
</div>
|
|
|
|
<nav>
|
|
<h2><a href="index.html">Home</a></h2>
|
|
<h3>Modules</h3>
|
|
<ul>
|
|
<li>
|
|
<a href="module-changeResolutionHandler.html"
|
|
>changeResolutionHandler</a
|
|
>
|
|
</li>
|
|
<li><a href="module-fetchPins.html">fetchPins</a></li>
|
|
<li><a href="module-makePin.html">makePin</a></li>
|
|
<li><a href="module-newButton.html">newButton</a></li>
|
|
<li><a href="module-pointerMoveHandler.html">pointerMoveHandler</a></li>
|
|
<li><a href="module-searchBar.html">searchBar</a></li>
|
|
<li><a href="module-searchInputHander.html">searchInputHander</a></li>
|
|
<li><a href="module-toLatLon.html">toLatLon</a></li>
|
|
</ul>
|
|
<h3>Classes</h3>
|
|
<ul>
|
|
<li><a href="module-newButton-ButtonControl.html">ButtonControl</a></li>
|
|
</ul>
|
|
<h3>Global</h3>
|
|
<ul>
|
|
<li><a href="global.html#disposePopover">disposePopover</a></li>
|
|
<li><a href="global.html#map-onclick">map.onclick</a></li>
|
|
<li><a href="global.html#passlocation">window.passLocation</a></li>
|
|
<li><a href="global.html#placepin">window.placePin</a></li>
|
|
<li><a href="global.html#map">map</a></li>
|
|
<li><a href="global.html#pinLayer">pinLayer</a></li>
|
|
<li><a href="global.html#pinSource">pinSource</a></li>
|
|
<li><a href="global.html#popup">popup</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<br class="clear" />
|
|
|
|
<footer>
|
|
Documentation generated by
|
|
<a href="https://github.com/jsdoc/jsdoc">JSDoc 4.0.2</a> on Sun Dec 31
|
|
2023 15:19:11 GMT-0800 (Pacific Standard Time)
|
|
</footer>
|
|
|
|
<script>
|
|
prettyPrint();
|
|
</script>
|
|
<script src="scripts/linenumber.js"></script>
|
|
</body>
|
|
</html>
|