react-mappy-monster
Version:
``` yarn add react-mappy-monster or npm i react-mappy-monster ```
2 lines • 8.69 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[,,,,,,,,,,,,,,,function(e,t,a){e.exports=a.p+"static/media/logo.7e7260c4.svg"},function(e,t,a){e.exports=a.p+"static/media/map.1570daee.svg"},function(e,t,a){e.exports=a.p+"static/media/monster.a4e61329.png"},function(e,t,a){e.exports=a.p+"static/media/icon-google.5f64a793.svg"},function(e,t,a){e.exports=a.p+"static/media/icon-design.66f9c61f.svg"},function(e,t,a){e.exports=a.p+"static/media/icon-relax.60069f48.svg"},,function(e,t,a){e.exports=a(54)},,,,,,function(e,t,a){},function(e,t,a){},function(e,t,a){},function(e,t,a){},function(e,t,a){},function(e,t,a){},,,,,,,,,,,,,,,,,,,,,function(e,t,a){"use strict";a.r(t);var l=a(0),s=a.n(l),i=a(14),n=a.n(i),r=(a(28),a(15)),o=a.n(r),c=(a(29),a(30),a(31),a(32),a(33),a(16)),m=a.n(c),y=a(17),p=a.n(y),f=a(18),d=a.n(f),u=a(19),v=a.n(u),E=a(20),T=a.n(E),g=a(21),h=a.n(g),b=a(4),N=a.n(b);var w=function(){return s.a.createElement("div",{className:"App"},s.a.createElement("header",{className:"header"},s.a.createElement("div",{className:"row"},s.a.createElement("div",{className:"logo"},s.a.createElement("img",{src:o.a})),s.a.createElement("div",{className:"navigation"},s.a.createElement("ul",null,s.a.createElement("li",null,s.a.createElement("a",{href:"#how-to"},"How to use")),s.a.createElement("li",null,s.a.createElement("a",{href:"#demo"},"Demo")))))),s.a.createElement("section",{className:"heroshot"},s.a.createElement("div",{className:"hero-graphics"},s.a.createElement("div",{className:"mappy"},s.a.createElement("div",{className:"ads-place"},s.a.createElement(h.a,{carbonUrl:"//cdn.carbonads.com/carbon.js?serve=CK7DLK3E&placement=joaopereirawdgithubio"})),s.a.createElement("img",{src:p.a})),s.a.createElement("div",{className:"map"},s.a.createElement("img",{src:m.a})))),s.a.createElement("section",{className:"page-content"},s.a.createElement("div",{className:"row"},s.a.createElement("div",{className:"caption"},s.a.createElement("h1",null,s.a.createElement("span",null,"react-mappy-monster")," blah blah blah")),s.a.createElement("div",{className:"iconset"},s.a.createElement("ul",{id:"how-to"},s.a.createElement("li",null,s.a.createElement("div",{className:"iconset-wrapper"},s.a.createElement("div",{className:"iconset-content"},s.a.createElement("div",{className:"icon"},s.a.createElement("img",{src:d.a})),s.a.createElement("div",{className:"title"},s.a.createElement("h3",null,"Google Maps API"))))),s.a.createElement("li",null,s.a.createElement("div",{className:"iconset-wrapper"},s.a.createElement("div",{className:"iconset-content"},s.a.createElement("div",{className:"icon"},s.a.createElement("img",{src:v.a})),s.a.createElement("div",{className:"title"},s.a.createElement("h3",null,"Clean Design"))))),s.a.createElement("li",null,s.a.createElement("div",{className:"iconset-wrapper"},s.a.createElement("div",{className:"iconset-content"},s.a.createElement("div",{className:"icon"},s.a.createElement("img",{src:T.a})),s.a.createElement("div",{className:"title"},s.a.createElement("h3",null,"Easy to use")))))))),s.a.createElement("section",{className:"code-section"},s.a.createElement("div",{className:"row"},s.a.createElement("div",{className:"title"},s.a.createElement("h1",null,"Instalation")),s.a.createElement("div",{className:"code-content"},s.a.createElement("code",null,"yarn add react-mappy-monster",s.a.createElement("br",null),"or",s.a.createElement("br",null),"npm i react-mappy-monster")))),s.a.createElement("section",{className:"code-section"},s.a.createElement("div",{className:"row"},s.a.createElement("div",{className:"title"},s.a.createElement("h1",null,"Usage")),s.a.createElement("div",{className:"code-content"},s.a.createElement("code",null)))),s.a.createElement("section",{className:"code-section"},s.a.createElement("div",{className:"row"},s.a.createElement("div",{className:"title"},s.a.createElement("h1",null,"Props")),s.a.createElement("div",{className:"code-content"}))),s.a.createElement("section",{className:"code-section demo-section"},s.a.createElement("div",{className:"row"},s.a.createElement("div",{className:"title"},s.a.createElement("h1",null,"Demo")),s.a.createElement(N.a,{id:"mappyMonster",apiKey:"",width:"",height:"450px",markerIcon:"",markerTitle:"YOUR_TITLE",location:{lat:37.422204,lng:-122.083596},zoom:5,onClickZoom:17,styles:[{featureType:"all",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"all",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"all",elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#000000"},{lightness:40}]},{featureType:"all",elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#000000"},{lightness:16}]},{featureType:"all",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#000000"}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:17},{weight:1.2}]},{featureType:"administrative",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"administrative",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"administrative.country",elementType:"all",stylers:[{visibility:"simplified"}]},{featureType:"administrative.country",elementType:"geometry",stylers:[{visibility:"simplified"}]},{featureType:"administrative.country",elementType:"labels.text",stylers:[{visibility:"simplified"}]},{featureType:"administrative.province",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"administrative.locality",elementType:"all",stylers:[{visibility:"simplified"},{saturation:"-100"},{lightness:"30"}]},{featureType:"administrative.neighborhood",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"administrative.land_parcel",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"landscape",elementType:"all",stylers:[{visibility:"simplified"},{gamma:"0.00"},{lightness:"74"},{hue:"#ff0073"}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"landscape",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"landscape",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"landscape.man_made",elementType:"all",stylers:[{lightness:"3"}]},{featureType:"poi",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#000000"},{lightness:21}]},{featureType:"poi",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"geometry",stylers:[{visibility:"simplified"},{color:"#424242"},{lightness:"-61"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#000000"},{lightness:17}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:29},{weight:.2}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#000000"},{lightness:18}]},{featureType:"road.local",elementType:"geometry",stylers:[{color:"#000000"},{lightness:16}]},{featureType:"transit",elementType:"geometry",stylers:[{color:"#2a2727"},{lightness:"-61"},{saturation:"-100"}]},{featureType:"transit",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#000000"},{lightness:17}]},{featureType:"water",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"labels.text",stylers:[{visibility:"off"}]}],mapTypeControl:!0,streetViewControl:!0,rotateControl:!0,fullscreenControl:!0,scrollwheel:!1,infoWindowOffSetY:-60,infoWindowStartOpen:!1},s.a.createElement(b.InfoWindow,null,s.a.createElement(b.Youtube,{code:"RiIE5GsiVWQ",autoPlay:!0}),s.a.createElement(b.Content,null,s.a.createElement("p",null,"Your content goes here"),s.a.createElement("button",{onClick:function(){return alert("this is amazing!!!")},className:"yourClass",style:{color:"#fff",background:"#437cff",padding:"10px 20px",borderRadius:"50px"}},"Call To Action"))))))),s.a.createElement("footer",{className:"footer"},s.a.createElement("div",{className:"row"})))};Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));n.a.render(s.a.createElement(w,null),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then(function(e){e.unregister()})}],[[22,1,2]]]);
//# sourceMappingURL=main.f8565c8a.chunk.js.map