mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
update to livewire 3
This commit is contained in:
HolgerHatGarKeineNode
339
app/Livewire/Meetup/PrepareForBtcMapItem.php
Normal file
339
app/Livewire/Meetup/PrepareForBtcMapItem.php
Normal file
@@ -0,0 +1,339 @@
|
||||
<?php
|
||||
|
||||
namespace App\Livewire\Meetup;
|
||||
|
||||
use App\Models\Meetup;
|
||||
use Illuminate\Http\Client\Pool;
|
||||
use Illuminate\Support\Facades\Http;
|
||||
use Illuminate\Support\Facades\Storage;
|
||||
use Livewire\Component;
|
||||
use WireUi\Traits\Actions;
|
||||
|
||||
class PrepareForBtcMapItem extends Component
|
||||
{
|
||||
use Actions;
|
||||
|
||||
public Meetup $meetup;
|
||||
|
||||
public $model;
|
||||
|
||||
public string $search = '';
|
||||
|
||||
public $population;
|
||||
|
||||
public $population_date = '';
|
||||
|
||||
public ?int $osm_id = null;
|
||||
|
||||
public array $osmSearchResults = [];
|
||||
|
||||
public $selectedItemOSMPolygons;
|
||||
|
||||
public $selectedItemOSMBoundaries;
|
||||
|
||||
public $selectedItemPolygonsOSMfr;
|
||||
|
||||
public $polygonsOSMfrX = 0.020000;
|
||||
|
||||
public $polygonsOSMfrY = 0.005000;
|
||||
|
||||
public $polygonsOSMfrZ = 0.005000;
|
||||
|
||||
public $currentPercentage = 100;
|
||||
|
||||
public bool $OSMBoundaries = false;
|
||||
|
||||
public bool $polygonsOSMfr = false;
|
||||
|
||||
protected $queryString = [
|
||||
'search' => ['except' => ''],
|
||||
'osm_id' => ['except' => null],
|
||||
];
|
||||
|
||||
public function rules(): array
|
||||
{
|
||||
return [
|
||||
'search' => 'required|string',
|
||||
'currentPercentage' => 'required|numeric',
|
||||
|
||||
'model.simplified_geojson' => 'nullable',
|
||||
|
||||
'OSMBoundaries' => 'bool',
|
||||
'polygonsOSMfr' => 'bool',
|
||||
|
||||
'population' => 'nullable|numeric',
|
||||
'population_date' => 'nullable|string',
|
||||
|
||||
'polygonsOSMfrX' => 'numeric|max:1',
|
||||
'polygonsOSMfrY' => 'numeric|max:1',
|
||||
'polygonsOSMfrZ' => 'numeric|max:1',
|
||||
];
|
||||
}
|
||||
|
||||
public function mount(): void
|
||||
{
|
||||
$this->model = $this->meetup->city;
|
||||
$this->population = $this->model->population;
|
||||
$this->population_date = $this->model->population_date ?? '2021-12-31';
|
||||
$this->getSearchResults();
|
||||
if ($this->osm_id) {
|
||||
$this->selectedItemOSMPolygons = collect($this->osmSearchResults)
|
||||
->firstWhere('osm_id', $this->osm_id);
|
||||
$this->executeMapshaper($this->currentPercentage);
|
||||
}
|
||||
}
|
||||
|
||||
private function getSearchResults(): void
|
||||
{
|
||||
$responses = Http::pool(fn (Pool $pool) => [
|
||||
$pool->acceptJson()
|
||||
->get(
|
||||
sprintf('https://nominatim.openstreetmap.org/search?q=%s&format=json&polygon_geojson=1&polygon_threshold=0.0003&email='.config('services.nominatim.email'),
|
||||
$this->search)
|
||||
),
|
||||
]);
|
||||
|
||||
$this->osmSearchResults = collect($responses[0]->json())
|
||||
->filter(fn ($item
|
||||
) => (
|
||||
$item['geojson']['type'] === 'Polygon'
|
||||
|| $item['geojson']['type'] === 'MultiPolygon'
|
||||
)
|
||||
&& $item['osm_id']
|
||||
&& count($item['geojson']['coordinates'], COUNT_RECURSIVE) < 100000
|
||||
)
|
||||
->values()
|
||||
->toArray();
|
||||
}
|
||||
|
||||
private function executeMapshaper($percentage = 100): void
|
||||
{
|
||||
try {
|
||||
// put OSM geojson to storage
|
||||
Storage::disk('geo')
|
||||
->put('geojson_'.$this->selectedItemOSMPolygons['osm_id'].'.json',
|
||||
json_encode($this->selectedItemOSMPolygons['geojson'], JSON_THROW_ON_ERROR)
|
||||
);
|
||||
|
||||
// execute mapshaper
|
||||
$input = storage_path('app/geo/geojson_'.$this->selectedItemOSMPolygons['osm_id'].'.json');
|
||||
$output = storage_path('app/geo/output_'.$this->selectedItemOSMPolygons['osm_id'].'.json');
|
||||
$mapShaperBinary = base_path('node_modules/mapshaper/bin/mapshaper');
|
||||
exec($mapShaperBinary.' '.$input.' -simplify dp '.$percentage.'% -o '.$output);
|
||||
$this->currentPercentage = $percentage;
|
||||
|
||||
$mapShaperOutput = str(
|
||||
Storage::disk('geo')
|
||||
->get('output_'.$this->selectedItemOSMPolygons['osm_id'].'.json')
|
||||
);
|
||||
if ($mapShaperOutput->contains(['Polygon', 'MultiPolygon'])) {
|
||||
// trim geojson
|
||||
Storage::disk('geo')
|
||||
->put(
|
||||
'trimmed_'.$this->selectedItemOSMPolygons['osm_id'].'.json',
|
||||
$mapShaperOutput
|
||||
->after('{"type":"GeometryCollection", "geometries": [')
|
||||
->beforeLast(']}')
|
||||
->toString()
|
||||
);
|
||||
} else {
|
||||
$this->notification()
|
||||
->warning('Warning',
|
||||
sprintf('Geojson is not valid. After simplification, it contains no polygons. Instead it contains: %s',
|
||||
$mapShaperOutput->after('{"type":')
|
||||
->before(',')));
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
// put trimmed geojson to model
|
||||
$this->model->simplified_geojson = json_decode(
|
||||
trim(
|
||||
Storage::disk('geo')
|
||||
->get('trimmed_'.$this->selectedItemOSMPolygons['osm_id'].'.json')
|
||||
),
|
||||
false, 512, JSON_THROW_ON_ERROR
|
||||
);
|
||||
|
||||
// emit event for AlpineJS
|
||||
$this->dispatch('geoJsonUpdated');
|
||||
} catch (\Exception $e) {
|
||||
$this->notification()
|
||||
->error('Error', $e->getMessage());
|
||||
}
|
||||
}
|
||||
|
||||
public function saveSimplifiedGeoJson()
|
||||
{
|
||||
$this->model->osm_relation = $this->osm_id;
|
||||
$this->model->save();
|
||||
|
||||
$this->notification()
|
||||
->success('Success', 'Simplified GeoJSON saved.');
|
||||
}
|
||||
|
||||
public function submitPolygonsOSM()
|
||||
{
|
||||
$this->validate();
|
||||
$postGenerate = Http::acceptJson()
|
||||
->asForm()
|
||||
->post(
|
||||
'https://polygons.openstreetmap.fr/?id='.$this->selectedItemOSMPolygons['osm_id'],
|
||||
[
|
||||
'x' => $this->polygonsOSMfrX,
|
||||
'y' => $this->polygonsOSMfrY,
|
||||
'z' => $this->polygonsOSMfrZ,
|
||||
'generate' => 'Submit+Query',
|
||||
]
|
||||
);
|
||||
if ($postGenerate->ok()) {
|
||||
$getUrl = sprintf(
|
||||
'https://polygons.openstreetmap.fr/get_geojson.py?id=%s¶ms=%s-%s-%s',
|
||||
$this->selectedItemOSMPolygons['osm_id'],
|
||||
(float) str($this->polygonsOSMfrX)
|
||||
->before('.')
|
||||
->toString().'.'.str($this->polygonsOSMfrX)
|
||||
->after('.')
|
||||
->padRight(6, '0')
|
||||
->toString(),
|
||||
(float) str($this->polygonsOSMfrY)
|
||||
->before('.')
|
||||
->toString().'.'.str($this->polygonsOSMfrY)
|
||||
->after('.')
|
||||
->padRight(6, '0')
|
||||
->toString(),
|
||||
(float) str($this->polygonsOSMfrZ)
|
||||
->before('.')
|
||||
->toString().'.'.str($this->polygonsOSMfrZ)
|
||||
->after('.')
|
||||
->padRight(6, '0')
|
||||
->toString(),
|
||||
);
|
||||
$response = Http::acceptJson()
|
||||
->get($getUrl);
|
||||
if ($response->json()) {
|
||||
$this->selectedItemPolygonsOSMfr = $response->json();
|
||||
$this->dispatch('geoJsonUpdated');
|
||||
} else {
|
||||
$this->notification()
|
||||
->warning('No data', 'No data found for this area.');
|
||||
}
|
||||
} else {
|
||||
$this->notification()
|
||||
->error('Error', 'Something went wrong: '.$postGenerate->status());
|
||||
}
|
||||
}
|
||||
|
||||
public function submit(): void
|
||||
{
|
||||
$this->validate();
|
||||
$this->getSearchResults();
|
||||
}
|
||||
|
||||
public function selectItem($index): void
|
||||
{
|
||||
$this->OSMBoundaries = false;
|
||||
$this->selectedItemOSMBoundaries = null;
|
||||
$this->selectedItemOSMPolygons = $this->osmSearchResults[$index];
|
||||
$this->osm_id = $this->selectedItemOSMPolygons['osm_id'];
|
||||
$this->model->osm_relation = $this->selectedItemOSMPolygons;
|
||||
|
||||
$this->executeMapshaper(100);
|
||||
}
|
||||
|
||||
public function updatedOSMBoundaries($value)
|
||||
{
|
||||
if ($value) {
|
||||
$response = Http::acceptJson()
|
||||
->asForm()
|
||||
->post('https://osm-boundaries.com/Ajax/GetBoundary', [
|
||||
'db' => 'osm20221205',
|
||||
'waterOrLand' => 'water',
|
||||
'osmId' => '-'.$this->selectedItemOSMPolygons['osm_id'],
|
||||
]);
|
||||
if ($response->json()) {
|
||||
if (count($response->json()['coordinates'], COUNT_RECURSIVE) > 100000) {
|
||||
$this->notification()
|
||||
->warning('Warning', 'Water boundaries are too big');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
$this->selectedItemOSMBoundaries = $response->json();
|
||||
$this->dispatch('geoJsonUpdated');
|
||||
} else {
|
||||
$this->notification()
|
||||
->warning('Warning', 'No water boundaries found');
|
||||
}
|
||||
} else {
|
||||
$this->selectedItemOSMBoundaries = null;
|
||||
$this->dispatch('geoJsonUpdated');
|
||||
}
|
||||
}
|
||||
|
||||
public function updatedCurrentPercentage($value)
|
||||
{
|
||||
$this->executeMapshaper((float) $value);
|
||||
}
|
||||
|
||||
public function setPercentage($percent): void
|
||||
{
|
||||
$this->executeMapshaper($percent);
|
||||
}
|
||||
|
||||
public function updatedPopulation($value)
|
||||
{
|
||||
$this->model->population = str($value)
|
||||
->replace(['.', ','], '')
|
||||
->toInteger();
|
||||
if (! $this->model->population_date) {
|
||||
$this->model->population_date = '2021-12-31';
|
||||
}
|
||||
$this->model->save();
|
||||
|
||||
$this->notification()
|
||||
->success('Success', 'Population saved.');
|
||||
}
|
||||
|
||||
public function updatedPopulationDate($value)
|
||||
{
|
||||
$this->model->population_date = $value;
|
||||
$this->model->save();
|
||||
|
||||
$this->notification()
|
||||
->success('Success', 'Population saved.');
|
||||
}
|
||||
|
||||
public function render()
|
||||
{
|
||||
return view('livewire.meetup.prepare-for-btc-map-item', [
|
||||
'percentages' => collect([
|
||||
0.5,
|
||||
0.75,
|
||||
1,
|
||||
2,
|
||||
3,
|
||||
4,
|
||||
5,
|
||||
6,
|
||||
7,
|
||||
8,
|
||||
9,
|
||||
10,
|
||||
15,
|
||||
20,
|
||||
25,
|
||||
30,
|
||||
40,
|
||||
50,
|
||||
60,
|
||||
75,
|
||||
80,
|
||||
100,
|
||||
])
|
||||
->reverse()
|
||||
->values()
|
||||
->toArray(),
|
||||
]);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user