react-yandex-api-maps-script
Advanced tools
Comparing version 1.1.4 to 1.2.0
@@ -23,4 +23,12 @@ "use strict"; | ||
var apikey = _ref.apikey, | ||
typeApi = _ref.typeApi; | ||
var src = "".concat(srcApi[typeApi], "/2.1/?lang=ru_RU&apikey=").concat(apikey); | ||
typeApi = _ref.typeApi, | ||
lang = _ref.lang, | ||
coordorder = _ref.coordorder, | ||
load = _ref.load, | ||
mode = _ref.mode, | ||
csp = _ref.csp, | ||
ns = _ref.ns, | ||
onload = _ref.onload, | ||
onerror = _ref.onerror; | ||
var src = "\n ".concat(srcApi[typeApi], "/2.1/\n ?lang=").concat(lang, "\n &apikey=").concat(apikey, "\n &coordorder=").concat(coordorder, "\n &load=").concat(load, "\n &mode=").concat(mode, "\n &csp=").concat(csp, "\n &ns=").concat(ns, "\n &onload=").concat(onload, "\n &onerror=").concat(onerror, "\n "); | ||
return _react.default.createElement(_reactScriptTag.default, { | ||
@@ -33,9 +41,25 @@ src: src, | ||
YandexApiMapsScript.propTypes = { | ||
typeSrc: _propTypes.string, | ||
apikey: _propTypes.string.isRequired | ||
typeApi: _propTypes.string, | ||
apikey: _propTypes.string.isRequired, | ||
lang: _propTypes.string, | ||
coordorder: _propTypes.string, | ||
load: _propTypes.string, | ||
mode: _propTypes.string, | ||
csp: _propTypes.bool, | ||
ns: _propTypes.string, | ||
onload: _propTypes.func, | ||
onerror: _propTypes.func | ||
}; | ||
YandexApiMapsScript.defaultProps = { | ||
typeApi: 'free' | ||
typeApi: 'free', | ||
lang: 'ru_RU', | ||
coordorder: 'latlong', | ||
load: 'package.full', | ||
mode: 'release', | ||
csp: false, | ||
ns: 'ymaps', | ||
onload: function onload() {}, | ||
onerror: function onerror() {} | ||
}; | ||
var _default = YandexApiMapsScript; | ||
exports.default = _default; |
{ | ||
"name": "react-yandex-api-maps-script", | ||
"version": "1.1.4", | ||
"version": "1.2.0", | ||
"description": "yandex api maps script binding for React", | ||
@@ -5,0 +5,0 @@ "main": "./lib/index.js", |
@@ -0,1 +1,7 @@ | ||
# React-yandex-api-maps-script | ||
yandex api maps script binding for React | ||
## [Documentation](https://tech.yandex.ru/maps/doc/jsapi/2.1/dg/concepts/load-docpage/#load__param) | ||
# Installation | ||
@@ -8,5 +14,18 @@ | ||
```javascript | ||
import YandexApiMapsScript from 'react-yandex-api-maps-script'; | ||
import YandexApiMapsScript from 'react-yandex-api-maps-script' | ||
<YandexApiMapsScript apikey={'apikey'} typeApi={'free'} /> | ||
const defaultSettings = { | ||
apikey: 'apikey', | ||
typeApi: 'free', | ||
lang: 'ru_RU', | ||
coordorder: 'latlong', | ||
load: 'package.full', | ||
mode: 'release', | ||
csp: false, | ||
ns: 'ymaps', | ||
onload: () => {}, | ||
onerror: () => {}, | ||
} | ||
<YandexApiMapsScript {...defaultSettings} /> | ||
``` |
import React from 'react' | ||
import ScriptTag from 'react-script-tag' | ||
import { string } from 'prop-types' | ||
import { string, bool, func } from 'prop-types' | ||
@@ -10,4 +10,26 @@ const srcApi = { | ||
const YandexApiMapsScript = ({apikey, typeApi}) => { | ||
const src = `${srcApi[typeApi]}/2.1/?lang=ru_RU&apikey=${apikey}` | ||
const YandexApiMapsScript = ({ | ||
apikey, | ||
typeApi, | ||
lang, | ||
coordorder, | ||
load, | ||
mode, | ||
csp, | ||
ns, | ||
onload, | ||
onerror | ||
}) => { | ||
const src = ` | ||
${srcApi[typeApi]}/2.1/ | ||
?lang=${lang} | ||
&apikey=${apikey} | ||
&coordorder=${coordorder} | ||
&load=${load} | ||
&mode=${mode} | ||
&csp=${csp} | ||
&ns=${ns} | ||
&onload=${onload} | ||
&onerror=${onerror} | ||
` | ||
@@ -20,4 +42,12 @@ return ( | ||
YandexApiMapsScript.propTypes = { | ||
typeSrc: string, | ||
typeApi: string, | ||
apikey: string.isRequired, | ||
lang: string, | ||
coordorder: string, | ||
load: string, | ||
mode: string, | ||
csp: bool, | ||
ns: string, | ||
onload: func, | ||
onerror: func, | ||
} | ||
@@ -27,4 +57,12 @@ | ||
typeApi: 'free', | ||
lang: 'ru_RU', | ||
coordorder: 'latlong', | ||
load: 'package.full', | ||
mode: 'release', | ||
csp: false, | ||
ns: 'ymaps', | ||
onload: () => {}, | ||
onerror: () => {}, | ||
} | ||
export default YandexApiMapsScript |
104244
125
30