mapknitter
Welcome to the mapknitter wiki!
20250218 heute meine mutters geburtstag, sie würden 91 sein! Zum der Mutter gewidmet! Så väl i mitt multikulturellt Vinstitutfamiljet, då flera unklar och tanter var språkfylologer hos Indiska, Pesiska, Rysska, Tysska, Engelska, Sumeriska, Nordisc och mm enad språckdialeckter ... frau mutter var just Tyskveten. Av mig uPpfint att så väl ÖSTERIKET eller AUSTEREICH = [Automatiska SPEECH TÅLKNING ERREICHT och på de andra planeter: AUS TER E ICH], då deitslän eller DER BUNDESREPUBLIC DEUTCHLAND släktning av Vindespubliket jag känner bra med mitt käraste 'vikarie' kusinan jag skulle ville bli hennes riddarhäst, typ: "mе mимакролебс чими мерæн"ი, vilket missat de jour u₽pdate så kallade "Promenad till RiM" ... om hon skulle även blev Fredmakaren i MOCKBAP stad av Mocikvawebb ... från MozZARTZ, läckaren med classiskt mocik ...
Jeg kommer att tala på svenska, p.g.a. som jag upptäkt DER BUNDESREPUBLIC DEUTCHLAND [mammas yrkestal i så kallad "gox" ГОКС [Besökfreundlichbehandlingsvinstitutet], vilket menad kvinnors emansipation och besökbehandling igenom: Vinter_Nationalers_Tradition_Vin_st_it_uT"_тОЛИჼАШИ_ТАМАДАВ" och dagens ვოჯახის hАЗЕЙКА roll hos Gästfreundlich kulturer]
mappknitter av det anpassat bild av RenoIR: Cloude Monet med nyhetstiddning N3BECTNR [ИЗВЕСТИЯRლი] i hand på kartan av det Moskva [MOCKBAP]
... och nu skulle jag talas med mina vänner och vänninor och вродственников, vilke skulle redan att veta att finns ej kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk uttland, för att allt är enad vie det var skrivet innan folk kommit till det monen eller boende och vridande planett, de skickad olika parabola rörande sputnicar för att stabilisera klimatet och sedan skickades Dvargonautiljus [DBARgОННNАüтიLjus] ...
https://archive.org/details/mapknitter-1739821792644
mappknitter effectet: https://github.com/aibolem/Leaflet.DistortableImage/wiki/A_MOCKBAP
för att nå det samma efektet på kartan öppna kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk mk i archivet, altså slå på det Archive kartan downloaded mappkitter .JSON file. du vill se RenoIR bildet Clou Monet med tiddning N3BECTNR; klick på bild och ställ opacity till 60, sedan klick på låset och enjoy! Nu kan du ändra storleck av det map ... om du vill se permanent mapp kartan då vänta innan jag kodar det och lägger uR ...
TACK!
otroligt att mitt sjätte opPÄ eller från mitt åsiktet barbar vilkets barჼbarn är jag i sjätte generation hette sjöman och läckareჼ JASON, med vilkets skeppet kommit till KOLKHIDA TAok länet BARDOS SKLJAROS {ni kan läsa Isteriet av det filmscenarion i BiThovgrafiska Morseet på bott шики scenarioჼ O.B.S. det scenario beskriver sagan från STARWORS kallade efterspellade Mithologiet av det СТАЯR ДВАРg© }, grundare av mitt byn i Georgien; då vid Soviet tiden plockas så kallad ROSE TEE, ЧÅN ЧАЙ ЧÆ©; Intressant att jag skaffat det Mendelёv P TbIiCS чøი, så kallad 326 OCH BEYONd 00, då upp till 400 Chemiska Elementer med Isotopbehavior är redan klartbeskrivet, kodad i P TABLE av mig, öpen ibml, vilka elementer bli uppfinnat på BIG ADRON COLLAIDER, TEWATRON och på det linknande stormaskiner vid ÅR 3333, beräknad datan av det AI.
https://archive.org/download/mapknitter-1733248749645
https://archive.org/download/mapknitter-1733246042078
https://archive.org/download/t_db_map/t_db_map.png
https://archive.org/download/dbrein_tt_n/dbrein_tt_n.png
https://archive.org/download/2-n_20241202/2_n.png
https://ia800104.us.archive.org/23/items/2-n_20241202/2_n.png
https://archive.org/details/2-n_20241202
https://archive.org/details/dbrein_tt_n
https://aibolem.github.io/mapknitter/app/views/map/leaflet.html
<body>
<!--StartFragment-->
| <!DOCTYPE html>
-- | --
| <html>
| <head>
| <title>MapKnitter 2.0 preview</title>
|
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| <script src="./lib/leaflet/dist/leaflet.js"></script>
| <script src="./lib/jquery/dist/jquery.min.js"></script>
| <script src="./lib/leaflet-distortableimage/lib/easybutton.js"></script>
| <link rel="stylesheet" href="./lib/leaflet-distortableimage/DistortableImageOverlay.css"/>
| <script src="./lib/leaflet-distortableimage/DistortableImageOverlay.js"></script>
| <script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
| <script src="./lib/leaflet-google/index.js"></script>
|
| </head>
| <body style="margin:0;">
|
| <form id="test_form" >
| <input type="file" id="inputimage" accept="image/*">
| </form>
|
| <div id="map" style="width:100%; height:100%; position:absolute; top:0;"></div>
|
| <script>
|
| var map
|
| (function(){
|
| var mapbox = L.tileLayer('https://{s}.tiles.mapbox.com/v3/anishshah101.ipm9j6em/{z}/{x}/{y}.png', {
| maxZoom: 24,
| attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
| '<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
| 'Imagery © <a href="http://mapbox.com">Mapbox</a>',
| id: 'examples.map-i86knfo3'
| })
|
| var google = new L.Google("SATELLITE",{
| maxZoom: 24,
| opacity:0.5
| });
|
| map = new L.map('map',{
| layers: [google]
| }).setView([<%= @map.lat %>,<%= @map.lon %>],<%= @map.zoom.to_i-1 %>);
|
| //map.fitBounds(map._layers[1]._bounds)
|
| var baseMaps = {
| "OpenStreetMap": mapbox,
| "Google Satellite": google
| };
| var overlayMaps = {
| };
|
| var layersControl = new L.Control.Layers(baseMaps,overlayMaps);
| map.addControl(layersControl);
|
| // startup the Leaflet.DistortableImage plugin
| $L.initialize( {
| uploadBtn: true // prompt and handle new images
| })
|
| <% @map.warpables.each do \|warpable\| %>
| img = L.distortableImageOverlay(
| '<%= warpable.image.url(:medium) %>',
| {
| <% unless warpable.nodes == '' %>
| latlng: [
| L.latLng(<%= @map.nodes[warpable.id.to_s][0][1] %>,
| <%= @map.nodes[warpable.id.to_s][0][0] %>),
| L.latLng(<%= @map.nodes[warpable.id.to_s][1][1] %>,
| <%= @map.nodes[warpable.id.to_s][1][0] %>),
| L.latLng(<%= @map.nodes[warpable.id.to_s][3][1] %>,
| <%= @map.nodes[warpable.id.to_s][3][0] %>),
| L.latLng(<%= @map.nodes[warpable.id.to_s][2][1] %>,
| <%= @map.nodes[warpable.id.to_s][2][0] %>)
| ],
| <% end %>
| locked: <%= warpable.locked %>
| });
| img.mk_id = <%= warpable.id %>
| img.onDeselect = function() {
| $.ajax('/images',{
| type: 'PATCH',
| data: {
| warpable_id: this.mk_id,
| locked: this.locked,
| points:
| this.markers[0]._latlng.lng+','+this.markers[0]._latlng.lat+':'+
| this.markers[1]._latlng.lng+','+this.markers[1]._latlng.lat+':'+
| this.markers[3]._latlng.lng+','+this.markers[3]._latlng.lat+':'+
| this.markers[2]._latlng.lng+','+this.markers[2]._latlng.lat,
| },
| beforeSend: function(e) {
| $('.mk-save').removeClass('fa-check-circle fa-times-circle fa-green fa-red').addClass('fa-spinner fa-spin')
| },
| complete: function(e) {
| $('.mk-save').removeClass('fa-spinner fa-spin').addClass('fa-check-circle fa-green')
| },
| error: function(e) {
| $('.mk-save').removeClass('fa-spinner fa-spin').addClass('fa-times-circle fa-red')
| }
| })
| }
|
| <% end %>
|
| $L.saveBtn = L.easyButton('fa-check-circle fa-green mk-save',
| function() {},
| 'Save status',
| map,
| this
| )
|
| $L.highResBtn = L.easyButton('fa-delicious',
| $L.highres = function() {
| $.each($L.images,function(i,img) {
| img._image.src = img._image.src.split('_medium').join('')
| })
| $L.highResBtn._container.remove()
| },
| 'Switch to high-res imagery',
| map,
| this
| )
|
| })()
|
| </script>
| <style>
| .fa-green { color:#3a3; }
| .fa-red { color:#a33; }
| </style>
|
| </html>
|
<!--EndFragment-->
</body>
</html><!DOCTYPE html>
<html>
<head>
<title>MapKnitter 2.0 preview</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="[./lib/leaflet/dist/leaflet.js](https://aibolem.github.io/mapknitter/app/views/map/lib/leaflet/dist/leaflet.js)"></script>
<script src="[./lib/jquery/dist/jquery.min.js](https://aibolem.github.io/mapknitter/app/views/map/lib/jquery/dist/jquery.min.js)"></script>
<script src="[./lib/leaflet-distortableimage/lib/easybutton.js](https://aibolem.github.io/mapknitter/app/views/map/lib/leaflet-distortableimage/lib/easybutton.js)"></script>
<link rel="stylesheet" href="[./lib/leaflet-distortableimage/DistortableImageOverlay.css](https://aibolem.github.io/mapknitter/app/views/map/lib/leaflet-distortableimage/DistortableImageOverlay.css)"/>
<script src="[./lib/leaflet-distortableimage/DistortableImageOverlay.js](https://aibolem.github.io/mapknitter/app/views/map/lib/leaflet-distortableimage/DistortableImageOverlay.js)"></script>
<script src="http://maps.google.com/maps/api/js?v=3.2&sensor=false"></script>
<script src="[./lib/leaflet-google/index.js](https://aibolem.github.io/mapknitter/app/views/map/lib/leaflet-google/index.js)"></script>
</head>
<body style="margin:0;">
<form id="test_form" >
<input type="file" id="inputimage" accept="image/*">
</form>
<div id="map" style="width:100%; height:100%; position:absolute; top:0;"></div>
<script>
var map
(function(){
var mapbox = L.tileLayer('https://{s}.tiles.mapbox.com/v3/anishshah101.ipm9j6em/{z}/{x}/{y}.png', {
maxZoom: 24,
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +
'Imagery © <a href="http://mapbox.com">Mapbox</a>',
id: 'examples.map-i86knfo3'
})
var google = new L.Google("SATELLITE",{
maxZoom: 24,
opacity:0.5
});
map = new L.map('map',{
layers: [google]
}).setView([<%= @map.lat %>,<%= @map.lon %>],<%= @map.zoom.to_i-1 %>);
//map.fitBounds(map._layers[1]._bounds)
var baseMaps = {
"OpenStreetMap": mapbox,
"Google Satellite": google
};
var overlayMaps = {
};
var layersControl = new L.Control.Layers(baseMaps,overlayMaps);
map.addControl(layersControl);
// startup the Leaflet.DistortableImage plugin
$L.initialize( {
uploadBtn: true // prompt and handle new images
})
<% @map.warpables.each do |warpable| %>
img = L.distortableImageOverlay(
'<%= warpable.image.url(:medium) %>',
{
<% unless warpable.nodes == '' %>
latlng: [
L.latLng(<%= @map.nodes[warpable.id.to_s][0][1] %>,
<%= @map.nodes[warpable.id.to_s][0][0] %>),
L.latLng(<%= @map.nodes[warpable.id.to_s][1][1] %>,
<%= @map.nodes[warpable.id.to_s][1][0] %>),
L.latLng(<%= @map.nodes[warpable.id.to_s][3][1] %>,
<%= @map.nodes[warpable.id.to_s][3][0] %>),
L.latLng(<%= @map.nodes[warpable.id.to_s][2][1] %>,
<%= @map.nodes[warpable.id.to_s][2][0] %>)
],
<% end %>
locked: <%= warpable.locked %>
});
img.mk_id = <%= warpable.id %>
img.onDeselect = function() {
$.ajax('/images',{
type: 'PATCH',
data: {
warpable_id: this.mk_id,
locked: this.locked,
points:
this.markers[0]._latlng.lng+','+this.markers[0]._latlng.lat+':'+
this.markers[1]._latlng.lng+','+this.markers[1]._latlng.lat+':'+
this.markers[3]._latlng.lng+','+this.markers[3]._latlng.lat+':'+
this.markers[2]._latlng.lng+','+this.markers[2]._latlng.lat,
},
beforeSend: function(e) {
$('.mk-save').removeClass('fa-check-circle fa-times-circle fa-green fa-red').addClass('fa-spinner fa-spin')
},
complete: function(e) {
$('.mk-save').removeClass('fa-spinner fa-spin').addClass('fa-check-circle fa-green')
},
error: function(e) {
$('.mk-save').removeClass('fa-spinner fa-spin').addClass('fa-times-circle fa-red')
}
})
}
<% end %>
$L.saveBtn = L.easyButton('fa-check-circle fa-green mk-save',
function() {},
'Save status',
map,
this
)
$L.highResBtn = L.easyButton('fa-delicious',
$L.highres = function() {
$.each($L.images,function(i,img) {
img._image.src = img._image.src.split('_medium').join('')
})
$L.highResBtn._container.remove()
},
'Switch to high-res imagery',
map,
this
)
})()
</script>
<style>
.fa-green { color:#3a3; }
.fa-red { color:#a33; }
</style>
</html>```
