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",
center: {
lat: 50.61036915572659,
lng: 4.151529499893204
lng: 4.148529499893204
},
zoom: 11,
zoom: 15,
marker: {
lat: 50.61036915386491,
lng: 4.151615298397132,
// Position originale du pin
title: "Carhop",
// Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange'
color: "green"
@ -112,7 +115,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "administrative",
elementType: "geometry",
stylers: [{
color: "#19464b"
color: "#136f63"
}]
}, {
featureType: "administrative",
@ -134,7 +137,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "administrative",
elementType: "labels.text.stroke",
stylers: [{
color: "#003237"
color: "#19464b"
}, {
weight: "2"
}]
@ -148,19 +151,19 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "landscape",
elementType: "all",
stylers: [{
color: "#003237"
color: "#19464b"
}]
}, {
featureType: "landscape",
elementType: "geometry",
stylers: [{
color: "#003237"
color: "#136f63"
}]
}, {
featureType: "landscape.man_made",
elementType: "geometry",
stylers: [{
color: "#003237"
color: "#136f63"
}]
}, {
featureType: "landscape.natural",
@ -174,13 +177,13 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "landscape.natural.landcover",
elementType: "geometry",
stylers: [{
color: "#003237"
color: "#136f63"
}]
}, {
featureType: "landscape.natural.terrain",
elementType: "geometry",
stylers: [{
color: "#19464b"
color: "#136f63"
}]
}, {
featureType: "poi",
@ -242,7 +245,7 @@ const GOOGLE_MAPS_CONFIG = {
stylers: [{
color: "#136f63"
}, {
lightness: "0"
lightness: "-40"
}]
}, {
featureType: "road.highway",
@ -274,7 +277,7 @@ const GOOGLE_MAPS_CONFIG = {
stylers: [{
color: "#136f63"
}, {
lightness: 18
lightness: 30
}]
}, {
featureType: "road.arterial",
@ -312,7 +315,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "road.local",
elementType: "labels",
stylers: [{
visibility: "off"
visibility: "simplified"
}]
}, {
featureType: "road.local",
@ -328,13 +331,33 @@ const GOOGLE_MAPS_CONFIG = {
}, {
lightness: -20
}]
}, {
},
// Grandes masses d'eau (océans, lacs, grands fleuves)
{
featureType: "water",
elementType: "geometry",
stylers: [{
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
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
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,
title: GOOGLE_MAPS_CONFIG.marker.title,
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",
center: {
lat: 50.61036915572659,
lng: 4.151529499893204
lng: 4.148529499893204
},
zoom: 11,
zoom: 15,
marker: {
lat: 50.61036915386491,
lng: 4.151615298397132,
// Position originale du pin
title: "Carhop",
// Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange'
color: "green"
@ -23,7 +26,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "administrative",
elementType: "geometry",
stylers: [{
color: "#19464b"
color: "#136f63"
}]
}, {
featureType: "administrative",
@ -45,7 +48,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "administrative",
elementType: "labels.text.stroke",
stylers: [{
color: "#003237"
color: "#19464b"
}, {
weight: "2"
}]
@ -59,19 +62,19 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "landscape",
elementType: "all",
stylers: [{
color: "#003237"
color: "#19464b"
}]
}, {
featureType: "landscape",
elementType: "geometry",
stylers: [{
color: "#003237"
color: "#136f63"
}]
}, {
featureType: "landscape.man_made",
elementType: "geometry",
stylers: [{
color: "#003237"
color: "#136f63"
}]
}, {
featureType: "landscape.natural",
@ -85,13 +88,13 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "landscape.natural.landcover",
elementType: "geometry",
stylers: [{
color: "#003237"
color: "#136f63"
}]
}, {
featureType: "landscape.natural.terrain",
elementType: "geometry",
stylers: [{
color: "#19464b"
color: "#136f63"
}]
}, {
featureType: "poi",
@ -153,7 +156,7 @@ const GOOGLE_MAPS_CONFIG = {
stylers: [{
color: "#136f63"
}, {
lightness: "0"
lightness: "-40"
}]
}, {
featureType: "road.highway",
@ -185,7 +188,7 @@ const GOOGLE_MAPS_CONFIG = {
stylers: [{
color: "#136f63"
}, {
lightness: 18
lightness: 30
}]
}, {
featureType: "road.arterial",
@ -223,7 +226,7 @@ const GOOGLE_MAPS_CONFIG = {
featureType: "road.local",
elementType: "labels",
stylers: [{
visibility: "off"
visibility: "simplified"
}]
}, {
featureType: "road.local",
@ -239,13 +242,33 @@ const GOOGLE_MAPS_CONFIG = {
}, {
lightness: -20
}]
}, {
},
// Grandes masses d'eau (océans, lacs, grands fleuves)
{
featureType: "water",
elementType: "geometry",
stylers: [{
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
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
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,
title: GOOGLE_MAPS_CONFIG.marker.title,
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",
center: {
lat: 50.61036915572659,
lng: 4.151529499893204,
lng: 4.148529499893204,
},
zoom: 11,
zoom: 15,
marker: {
lat: 50.61036915386491,
lng: 4.151615298397132, // Position originale du pin
title: "Carhop",
// Options de couleur : 'red', 'blue', 'green', 'yellow', 'purple', 'orange'
color: "green",
@ -21,7 +23,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry",
stylers: [
{
color: "#19464b",
color: "#136f63",
},
],
},
@ -54,7 +56,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "labels.text.stroke",
stylers: [
{
color: "#003237",
color: "#19464b",
},
{
weight: "2",
@ -75,7 +77,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "all",
stylers: [
{
color: "#003237",
color: "#19464b",
},
],
},
@ -84,7 +86,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry",
stylers: [
{
color: "#003237",
color: "#136f63",
},
],
},
@ -93,7 +95,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry",
stylers: [
{
color: "#003237",
color: "#136f63",
},
],
},
@ -114,7 +116,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry",
stylers: [
{
color: "#003237",
color: "#136f63",
},
],
},
@ -123,7 +125,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "geometry",
stylers: [
{
color: "#19464b",
color: "#136f63",
},
],
},
@ -216,7 +218,7 @@ const GOOGLE_MAPS_CONFIG = {
color: "#136f63",
},
{
lightness: "0",
lightness: "-40",
},
],
},
@ -264,7 +266,7 @@ const GOOGLE_MAPS_CONFIG = {
color: "#136f63",
},
{
lightness: 18,
lightness: 30,
},
],
},
@ -321,7 +323,7 @@ const GOOGLE_MAPS_CONFIG = {
elementType: "labels",
stylers: [
{
visibility: "off",
visibility: "simplified",
},
],
},
@ -346,6 +348,7 @@ const GOOGLE_MAPS_CONFIG = {
},
],
},
// Grandes masses d'eau (océans, lacs, grands fleuves)
{
featureType: "water",
elementType: "geometry",
@ -354,7 +357,33 @@ const GOOGLE_MAPS_CONFIG = {
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
fullscreenControl: false, // Bouton plein écran
});
// Chemin vers votre pin personnalisé (à ajuster selon votre structure)
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
new google.maps.Marker({
position: new google.maps.LatLng(
GOOGLE_MAPS_CONFIG.center.lat,
GOOGLE_MAPS_CONFIG.center.lng,
GOOGLE_MAPS_CONFIG.marker.lat,
GOOGLE_MAPS_CONFIG.marker.lng,
),
map: map,
title: GOOGLE_MAPS_CONFIG.marker.title,