Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body style="">
- <div class="container">
- <div class="peta leaflet-container leaflet-touch leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" id="mapid" tabindex="0" style="position: relative; outline: none;"> <div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(-333px, 0px, 0px);"><div class="leaflet-pane leaflet-tile-pane"><div class="leaflet-layer " style="z-index: 1; opacity: 1;"><div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 20; transform: translate3d(0px, 0px, 0px) scale(1);"><img alt="" role="presentation" src="https://c.tile.openstreetmap.org/16/52209/33902.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(737px, 6px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://b.tile.openstreetmap.org/16/52208/33902.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(481px, 6px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://b.tile.openstreetmap.org/16/52209/33901.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(737px, -250px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://a.tile.openstreetmap.org/16/52209/33903.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(737px, 262px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://a.tile.openstreetmap.org/16/52208/33901.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(481px, -250px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://c.tile.openstreetmap.org/16/52208/33903.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(481px, 262px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://a.tile.openstreetmap.org/16/52207/33902.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(225px, 6px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://a.tile.openstreetmap.org/16/52210/33902.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(993px, 6px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://b.tile.openstreetmap.org/16/52210/33903.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(993px, 262px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://c.tile.openstreetmap.org/16/52210/33901.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(993px, -250px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://b.tile.openstreetmap.org/16/52207/33903.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(225px, 262px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://c.tile.openstreetmap.org/16/52207/33901.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(225px, -250px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://b.tile.openstreetmap.org/16/52211/33902.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(1249px, 6px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://c.tile.openstreetmap.org/16/52206/33902.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-31px, 6px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://a.tile.openstreetmap.org/16/52211/33901.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(1249px, -250px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://a.tile.openstreetmap.org/16/52206/33903.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-31px, 262px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://b.tile.openstreetmap.org/16/52206/33901.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-31px, -250px, 0px); opacity: 1;"><img alt="" role="presentation" src="https://c.tile.openstreetmap.org/16/52211/33903.png?access_token=pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(1249px, 262px, 0px); opacity: 1;"></div></div></div><div class="leaflet-pane leaflet-shadow-pane"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(683px, 194px, 0px);"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(673px, 142px, 0px);"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(609px, 171px, 0px);"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(576px, 286px, 0px);"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(666px, 242px, 0px);"></div><div class="leaflet-pane leaflet-overlay-pane"></div><div class="leaflet-pane leaflet-marker-pane"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(683px, 194px, 0px); z-index: 194;"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(673px, 142px, 0px); z-index: 142;"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(609px, 171px, 0px); z-index: 171;"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(576px, 286px, 0px); z-index: 286;"><img src="https://unpkg.com/leaflet@1.3.4/dist/images/marker-icon.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(666px, 242px, 0px); z-index: 242;"></div><div class="leaflet-pane leaflet-tooltip-pane"></div><div class="leaflet-pane leaflet-popup-pane"><div class="leaflet-popup leaflet-zoom-animated" style="opacity: 1; transform: translate3d(577px, 252px, 0px); bottom: -7px; left: -53px;"><div class="leaflet-popup-content-wrapper"><div class="leaflet-popup-content" style="width: 65px;">STEAK cow</div></div><div class="leaflet-popup-tip-container"><div class="leaflet-popup-tip"></div></div><a class="leaflet-popup-close-button" href="#close">×</a></div></div><div class="leaflet-proxy leaflet-zoom-animated" style="transform: translate3d(1.33654e+07px, 8.6791e+06px, 0px) scale(32768);"></div></div><div class="leaflet-control-container"><div class="leaflet-top leaflet-left"><div class="leaflet-control-zoom leaflet-bar leaflet-control"><a class="leaflet-control-zoom-in" href="#" title="Zoom in" role="button" aria-label="Zoom in">+</a><a class="leaflet-control-zoom-out" href="#" title="Zoom out" role="button" aria-label="Zoom out">−</a></div></div><div class="leaflet-top leaflet-right"></div><div class="leaflet-bottom leaflet-left"></div><div class="leaflet-bottom leaflet-right"><div class="leaflet-control-attribution leaflet-control"><a href="http://leafletjs.com" title="A JS library for interactive maps">Leaflet</a> | © <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors</div></div></div></div>
- <div class="gambar" id="gmb">
- Gambar disini
- <img src="images/steak.jpg"></div>
- <div class="review" id="review">
- Tulis review disini
- <p>Steak lokal harga impor, 200gr dan 300gr mentah </p></div>
- </div>
- <!--leafletjs-->
- <script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js" integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA==" crossorigin=""></script>
- <!-- initiate map -->
- <script>
- let mymap = L.map('mapid').setView([-6.221028, 106.791434], 16);
- L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png?access_token={accessToken}', {
- attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
- maxZoom:20,
- id:'mapbox.streets',
- accessToken:'pk.eyJ1IjoiYWxmaWFuZmFpeiIsImEiOiJjam1lNjYyM2wxZHkyM3dueWFpdXlyZ2ltIn0.3g2IL5GSKXmOPCJcFHWcNg'
- }).addTo(mymap);
- </script>
- <!-- app logic script -->
- <script src="assets/js/peta.js"></script>
- <input id="ext-version" type="hidden" value="1.3.8"></body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
