Antoine/carhop__plugins__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Updating styles and behaviour
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2025-10-02 15:19:06 +02:00
parent 355bee1066
commit 46959ca43f
9 changed files with 130 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/carhop-pin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 848 B

2
plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/index.asset.php
View File

@ -1 +1 @@
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-server-side-render'), 'version' => '5bed954e24f5013c97aa'); <?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-server-side-render'), 'version' => '222d888781be4eb372e6');

56
plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/index.js
View File

@ -100,10 +100,13 @@ const GOOGLE_MAPS_CONFIG = {
apiKey: "AIzaSyBs-owKPe4qiYLb2baCTAptLeNNJX7bTQk", apiKey: "AIzaSyBs-owKPe4qiYLb2baCTAptLeNNJX7bTQk",
center: { center: {
lat: 50.61036915572659, lat: 50.61036915572659,
lng: 4.151529499893204 lng: 4.148529499893204
}, },
zoom: 11, zoom: 15,
marker: { marker: {
lat: 50.61036915386491,
lng: 4.151615298397132,
// Position originale du pin
title: "Carhop", title: "Carhop",
// Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange' // Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange'
color: "green" color: "green"
@ -112,7 +115,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "administrative", featureType: "administrative",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#19464b" color: "#136f63"
}] }]
}, { }, {
featureType: "administrative", featureType: "administrative",
@ -134,7 +137,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "administrative", featureType: "administrative",
elementType: "labels.text.stroke", elementType: "labels.text.stroke",
stylers: [{ stylers: [{
color: "#003237" color: "#19464b"
}, { }, {
weight: "2" weight: "2"
}] }]
@ -148,19 +151,19 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "landscape", featureType: "landscape",
elementType: "all", elementType: "all",
stylers: [{ stylers: [{
color: "#003237" color: "#19464b"
}] }]
}, { }, {
featureType: "landscape", featureType: "landscape",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#003237" color: "#136f63"
}] }]
}, { }, {
featureType: "landscape.man_made", featureType: "landscape.man_made",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#003237" color: "#136f63"
}] }]
}, { }, {
featureType: "landscape.natural", featureType: "landscape.natural",
@ -174,13 +177,13 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "landscape.natural.landcover", featureType: "landscape.natural.landcover",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#003237" color: "#136f63"
}] }]
}, { }, {
featureType: "landscape.natural.terrain", featureType: "landscape.natural.terrain",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#19464b" color: "#136f63"
}] }]
}, { }, {
featureType: "poi", featureType: "poi",
@ -242,7 +245,7 @@ const GOOGLE_MAPS_CONFIG = {
stylers: [{ stylers: [{
color: "#136f63" color: "#136f63"
}, { }, {
lightness: "0" lightness: "-40"
}] }]
}, { }, {
featureType: "road.highway", featureType: "road.highway",
@ -274,7 +277,7 @@ const GOOGLE_MAPS_CONFIG = {
stylers: [{ stylers: [{
color: "#136f63" color: "#136f63"
}, { }, {
lightness: 18 lightness: 30
}] }]
}, { }, {
featureType: "road.arterial", featureType: "road.arterial",
@ -312,7 +315,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "road.local", featureType: "road.local",
elementType: "labels", elementType: "labels",
stylers: [{ stylers: [{
visibility: "off" visibility: "simplified"
}] }]
}, { }, {
featureType: "road.local", featureType: "road.local",
@ -328,13 +331,33 @@ const GOOGLE_MAPS_CONFIG = {
}, { }, {
lightness: -20 lightness: -20
}] }]
}, { },
// Grandes masses d'eau (océans, lacs, grands fleuves)
{
featureType: "water", featureType: "water",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#136F63" color: "#136F63"
}, { }, {
lightness: -20 lightness: 18
}, {
saturation: -50
}, {
visibility: "simplified" // Simplifie l'affichage
}]
}, {
featureType: "water",
elementType: "geometry.fill",
stylers: [{
visibility: "simplified"
}]
},
// Masquer les labels des petites rivières
{
featureType: "water",
elementType: "labels",
stylers: [{
visibility: "off"
}] }]
}] }]
}; };
@ -369,10 +392,11 @@ function initializeCarhopMaps() {
// Contrôle Street View // Contrôle Street View
fullscreenControl: false // Bouton plein écran fullscreenControl: false // Bouton plein écran
}); });
const image = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png"; // Chemin vers votre pin personnalisé (à ajuster selon votre structure)
const image = "/wp-content/plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/carhop-pin.png";
// Add marker with custom color // Add marker with custom color
new google.maps.Marker({ new google.maps.Marker({
position: new google.maps.LatLng(GOOGLE_MAPS_CONFIG.center.lat, GOOGLE_MAPS_CONFIG.center.lng), position: new google.maps.LatLng(GOOGLE_MAPS_CONFIG.marker.lat, GOOGLE_MAPS_CONFIG.marker.lng),
map: map, map: map,
title: GOOGLE_MAPS_CONFIG.marker.title, title: GOOGLE_MAPS_CONFIG.marker.title,
icon: image icon: image

2
plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/index.js.map
View File

File diff suppressed because one or more lines are too long

2
plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/view.asset.php
View File

@ -1 +1 @@
<?php return array('dependencies' => array(), 'version' => 'ad74bc94ee25998466c6'); <?php return array('dependencies' => array(), 'version' => '3b03e043d3968050b29f');

56
plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/view.js
View File

@ -11,10 +11,13 @@ const GOOGLE_MAPS_CONFIG = {
apiKey: "AIzaSyBs-owKPe4qiYLb2baCTAptLeNNJX7bTQk", apiKey: "AIzaSyBs-owKPe4qiYLb2baCTAptLeNNJX7bTQk",
center: { center: {
lat: 50.61036915572659, lat: 50.61036915572659,
lng: 4.151529499893204 lng: 4.148529499893204
}, },
zoom: 11, zoom: 15,
marker: { marker: {
lat: 50.61036915386491,
lng: 4.151615298397132,
// Position originale du pin
title: "Carhop", title: "Carhop",
// Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange' // Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange'
color: "green" color: "green"
@ -23,7 +26,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "administrative", featureType: "administrative",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#19464b" color: "#136f63"
}] }]
}, { }, {
featureType: "administrative", featureType: "administrative",
@ -45,7 +48,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "administrative", featureType: "administrative",
elementType: "labels.text.stroke", elementType: "labels.text.stroke",
stylers: [{ stylers: [{
color: "#003237" color: "#19464b"
}, { }, {
weight: "2" weight: "2"
}] }]
@ -59,19 +62,19 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "landscape", featureType: "landscape",
elementType: "all", elementType: "all",
stylers: [{ stylers: [{
color: "#003237" color: "#19464b"
}] }]
}, { }, {
featureType: "landscape", featureType: "landscape",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#003237" color: "#136f63"
}] }]
}, { }, {
featureType: "landscape.man_made", featureType: "landscape.man_made",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#003237" color: "#136f63"
}] }]
}, { }, {
featureType: "landscape.natural", featureType: "landscape.natural",
@ -85,13 +88,13 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "landscape.natural.landcover", featureType: "landscape.natural.landcover",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#003237" color: "#136f63"
}] }]
}, { }, {
featureType: "landscape.natural.terrain", featureType: "landscape.natural.terrain",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#19464b" color: "#136f63"
}] }]
}, { }, {
featureType: "poi", featureType: "poi",
@ -153,7 +156,7 @@ const GOOGLE_MAPS_CONFIG = {
stylers: [{ stylers: [{
color: "#136f63" color: "#136f63"
}, { }, {
lightness: "0" lightness: "-40"
}] }]
}, { }, {
featureType: "road.highway", featureType: "road.highway",
@ -185,7 +188,7 @@ const GOOGLE_MAPS_CONFIG = {
stylers: [{ stylers: [{
color: "#136f63" color: "#136f63"
}, { }, {
lightness: 18 lightness: 30
}] }]
}, { }, {
featureType: "road.arterial", featureType: "road.arterial",
@ -223,7 +226,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "road.local", featureType: "road.local",
elementType: "labels", elementType: "labels",
stylers: [{ stylers: [{
visibility: "off" visibility: "simplified"
}] }]
}, { }, {
featureType: "road.local", featureType: "road.local",
@ -239,13 +242,33 @@ const GOOGLE_MAPS_CONFIG = {
}, { }, {
lightness: -20 lightness: -20
}] }]
}, { },
// Grandes masses d'eau (océans, lacs, grands fleuves)
{
featureType: "water", featureType: "water",
elementType: "geometry", elementType: "geometry",
stylers: [{ stylers: [{
color: "#136F63" color: "#136F63"
}, { }, {
lightness: -20 lightness: 18
}, {
saturation: -50
}, {
visibility: "simplified" // Simplifie l'affichage
}]
}, {
featureType: "water",
elementType: "geometry.fill",
stylers: [{
visibility: "simplified"
}]
},
// Masquer les labels des petites rivières
{
featureType: "water",
elementType: "labels",
stylers: [{
visibility: "off"
}] }]
}] }]
}; };
@ -280,10 +303,11 @@ function initializeCarhopMaps() {
// Contrôle Street View // Contrôle Street View
fullscreenControl: false // Bouton plein écran fullscreenControl: false // Bouton plein écran
}); });
const image = "https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png"; // Chemin vers votre pin personnalisé (à ajuster selon votre structure)
const image = "/wp-content/plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/carhop-pin.png";
// Add marker with custom color // Add marker with custom color
new google.maps.Marker({ new google.maps.Marker({
position: new google.maps.LatLng(GOOGLE_MAPS_CONFIG.center.lat, GOOGLE_MAPS_CONFIG.center.lng), position: new google.maps.LatLng(GOOGLE_MAPS_CONFIG.marker.lat, GOOGLE_MAPS_CONFIG.marker.lng),
map: map, map: map,
title: GOOGLE_MAPS_CONFIG.marker.title, title: GOOGLE_MAPS_CONFIG.marker.title,
icon: image icon: image

2
plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/view.js.map
View File

File diff suppressed because one or more lines are too long

BIN
plugins/carhop-blocks/blocks/localisation-map/src/localisation-map/carhop-pin.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 848 B

62
plugins/carhop-blocks/blocks/localisation-map/src/localisation-map/view.js
View File

@ -7,10 +7,12 @@ const GOOGLE_MAPS_CONFIG = {
apiKey: "AIzaSyBs-owKPe4qiYLb2baCTAptLeNNJX7bTQk", apiKey: "AIzaSyBs-owKPe4qiYLb2baCTAptLeNNJX7bTQk",
center: { center: {
lat: 50.61036915572659, lat: 50.61036915572659,
lng: 4.151529499893204, lng: 4.148529499893204,
}, },
zoom: 11, zoom: 15,
marker: { marker: {
lat: 50.61036915386491,
lng: 4.151615298397132, // Position originale du pin
title: "Carhop", title: "Carhop",
// Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange' // Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange'
color: "green", color: "green",
@ -21,7 +23,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry", elementType: "geometry",
stylers: [ stylers: [
{ {
color: "#19464b", color: "#136f63",
}, },
], ],
}, },
@ -54,7 +56,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "labels.text.stroke", elementType: "labels.text.stroke",
stylers: [ stylers: [
{ {
color: "#003237", color: "#19464b",
}, },
{ {
weight: "2", weight: "2",
@ -75,7 +77,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "all", elementType: "all",
stylers: [ stylers: [
{ {
color: "#003237", color: "#19464b",
}, },
], ],
}, },
@ -84,7 +86,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry", elementType: "geometry",
stylers: [ stylers: [
{ {
color: "#003237", color: "#136f63",
}, },
], ],
}, },
@ -93,7 +95,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry", elementType: "geometry",
stylers: [ stylers: [
{ {
color: "#003237", color: "#136f63",
}, },
], ],
}, },
@ -114,7 +116,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry", elementType: "geometry",
stylers: [ stylers: [
{ {
color: "#003237", color: "#136f63",
}, },
], ],
}, },
@ -123,7 +125,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry", elementType: "geometry",
stylers: [ stylers: [
{ {
color: "#19464b", color: "#136f63",
}, },
], ],
}, },
@ -216,7 +218,7 @@ const GOOGLE_MAPS_CONFIG = {
color: "#136f63", color: "#136f63",
}, },
{ {
lightness: "0", lightness: "-40",
}, },
], ],
}, },
@ -264,7 +266,7 @@ const GOOGLE_MAPS_CONFIG = {
color: "#136f63", color: "#136f63",
}, },
{ {
lightness: 18, lightness: 30,
}, },
], ],
}, },
@ -321,7 +323,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "labels", elementType: "labels",
stylers: [ stylers: [
{ {
visibility: "off", visibility: "simplified",
}, },
], ],
}, },
@ -346,6 +348,7 @@ const GOOGLE_MAPS_CONFIG = {
}, },
], ],
}, },
// Grandes masses d'eau (océans, lacs, grands fleuves)
{ {
featureType: "water", featureType: "water",
elementType: "geometry", elementType: "geometry",
@ -354,7 +357,33 @@ const GOOGLE_MAPS_CONFIG = {
color: "#136F63", color: "#136F63",
}, },
{ {
lightness: -20, lightness: 18,
},
{
saturation: -50,
},
{
visibility: "simplified", // Simplifie l'affichage
},
],
},
{
featureType: "water",
elementType: "geometry.fill",
stylers: [
{
visibility: "simplified",
},
],
},
// Masquer les labels des petites rivières
{
featureType: "water",
elementType: "labels",
stylers: [
{
visibility: "off",
}, },
], ],
}, },
@ -394,13 +423,14 @@ function initializeCarhopMaps() {
streetViewControl: false, // Contrôle Street View streetViewControl: false, // Contrôle Street View
fullscreenControl: false, // Bouton plein écran fullscreenControl: false, // Bouton plein écran
}); });
// Chemin vers votre pin personnalisé (à ajuster selon votre structure)
const image = const image =
"https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png"; "/wp-content/plugins/carhop-blocks/blocks/localisation-map/build/localisation-map/carhop-pin.png";
// Add marker with custom color // Add marker with custom color
new google.maps.Marker({ new google.maps.Marker({
position: new google.maps.LatLng( position: new google.maps.LatLng(
GOOGLE_MAPS_CONFIG.center.lat, GOOGLE_MAPS_CONFIG.marker.lat,
GOOGLE_MAPS_CONFIG.center.lng, GOOGLE_MAPS_CONFIG.marker.lng,
), ),
map: map, map: map,
title: GOOGLE_MAPS_CONFIG.marker.title, title: GOOGLE_MAPS_CONFIG.marker.title,