Hersteller Karte
.hersteller-karte {
color: #73b740;
}
Hier wird next.beton hergestellt Bitte wählen Sie über die Hersteller-Landkarte einen next.beton-Produzenten in Ihrer Nähe oder geben Sie eine Postleitzahl bzw. einen Ortsnamen im Suchfeld ein.
suchen
ym.ready(function (modules) {
// Single Form integration
var singleSlotForm = document.getElementById('single-slot-form');
// Layergruppe definieren.
var layerGroup = ym.layerGroup();
// Karte einzeichnen.
var map = ym.map("map", {
center: ym.latLng(51.190985, 10.357452),
// Die Zoomstufe ist individuell einstellbar
zoom: 6,
});
// Layergruppe einzeichnen.
layerGroup.addTo(map);
singleSlotForm.onsubmit = function(e) {
e.preventDefault();
var input = document.querySelector('#single-slot-form input');
// Adressdaten geokodieren.
modules.geocodeString(input.value);
};
ym.services.geoCoder.on('success', function(req, res) {
// Alte Daten aus der Karte löschen.
layerGroup.clearLayers();
var geoJson = ym.geoJson(res.body, {
// Für jeden Eintrag Marker einzeichnen.
onEachFeature: function(feature, layer) {
layer.setIcon(ym.provider.Icon.Default());
var popUpContent = "";
if (feature.properties.street) {
popUpContent += feature.properties.street + ", "
}
if (feature.properties.zip) {
popUpContent += feature.properties.zip + " "
}
if (feature.properties.city) {
popUpContent += feature.properties.city + " "
}
if (feature.properties.cityPart) {
popUpContent += feature.properties.cityPart
}
// Adressdaten im Popup anzeigen.
layer.bindPopup(popUpContent);
}
});
// Kartenausschnitt auf Ergebnismenge optimieren.
map.fitBounds(geoJson.getBounds());
let newBounds = geoJson.getBounds()
// console.log('geoJson:', geoJson)
// console.log('newBounds: ', newBounds)
console.log('newBounds.original: ', newBounds.original)
console.log('newBounds.original._northEast: ', newBounds.original._northEast)
console.log('newBounds lat: ', newBounds.original._northEast.lat)
let newBoundLat = newBounds.original._northEast.lat
console.log('newBounds lng: ', newBounds.original._northEast.lng)
let newBoundLng = newBounds.original._northEast.lng
// let firstBiggerBound = newBounds.original._northEast.lat - 10
// setze eigenen bound
// map.fitBounds([ [6.95673, 50.94184], [6.95673, 50.94184] ]);
// map.fitBounds([ [50.941, 6.956], [50.941, 6.956]]);
map.fitBounds([ [newBoundLat - 1, newBoundLng -1], [newBoundLat + 1, newBoundLng + 1]]);
layerGroup.addLayer(geoJson);
});
ym.services.geoCoder.on('error', function(req, res, errorType) {
console.log(arguments);
});
// Standart Icon Style
var icon = new modules.provider.Icon({
iconUrl:'http://cdn.yellowmap.de/yellowmaps/img/marker.svg',
iconRetinaUrl:'http://cdn.yellowmap.de/yellowmaps/img/marker.svg',
iconSize: [45, 68],
iconAnchor: [15, 49],
popupAnchor: [0, -48]
});
// Berding Icon Style
var berdingIcon = new modules.provider.Icon({
iconUrl:'/wp-content/uploads/2022/09/berding-marker.png',
iconRetinaUrl:'/wp-content/uploads/2022/09/berding-marker.png',
iconSize: [45, 68],
iconAnchor: [15, 49],
popupAnchor: [0, -48]
});
// Finger Icon Style
var fingerIcon = new modules.provider.Icon({
iconUrl:'/wp-content/uploads/2022/09/finger-marker.png',
iconRetinaUrl:'/wp-content/uploads/2022/09/finger-marker.png',
iconSize: [45, 68],
iconAnchor: [15, 49],
popupAnchor: [0, -48]
});
// Roeser Icon Style
var roeserIcon = new modules.provider.Icon({
iconUrl:'/wp-content/uploads/2022/09/roeser-gmbh-marker.png',
iconRetinaUrl:'/wp-content/uploads/2022/09/roeser-gmbh-marker.png',
iconSize: [45, 68],
iconAnchor: [15, 49],
popupAnchor: [0, -48]
});
// Karl Roeser Icon Style
var karlRoeserIcon = new modules.provider.Icon({
iconUrl:'/wp-content/uploads/2022/09/karl-roeser-marker.png',
iconRetinaUrl:'/wp-content/uploads/2022/09/karl-roeser-marker.png',
iconSize: [45, 68],
iconAnchor: [15, 49],
popupAnchor: [0, -48]
});
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(49.49507804999975, 8.38441816997868)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Finger Baustoffwerk GmbH 67071 Ludwigshafen am Rheinnextbeton@finger-beton.de 06426 9230 69
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(fingerIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(50.385837319520306, 7.329364371408466)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Finger Beton Kruft GmbH & Co. KG 56642 Kruftnextbeton@finger-beton.de 06426 9230 69
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(fingerIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(49.73432024622113, 7.398145727204702)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Finger Beton Idar-Oberstein GmbH 55743 Idar-Obersteinnextbeton@finger-beton.de 06426 9230 69
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(fingerIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(49.13868365765847, 8.332322756703768)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Finger Beton Kuhardt GmbH & Co. KG 76773 Kuhardtnextbeton@finger-beton.de 06426 9230 69
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(fingerIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(50.557723116441935, 7.966379269560723)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Finger Beton Westerburg GmbH & Co. KG 56457 Westerburgnextbeton@finger-beton.de 06426 9230 69
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(fingerIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(50.99270626781176, 10.599285327248474)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Finger Beton Sonneborn GmbH & Co. KG 99869 Sonnebornnextbeton@finger-beton.de 06426 9230 69
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(fingerIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(50.70720516203002, 8.700583627238442)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Finger Baustoffe GmbH 35112 Fronhausennextbeton@finger-beton.de 06426 9230 69
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(fingerIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(49.81611432007281, 8.475980469986212)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Finger Stockstadt GmbH & Co. KG 64589 Stockstadt am Rheinnextbeton@finger-beton.de 06426 9230 69
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(fingerIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(54.439790, 9.522970)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 24848 Kropp-Mielbergnextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(53.874290, 12.389610)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 18299 Liessownextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(52.99902696156397, 10.564182969647279)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 29525 Uelzennextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(52.592750460176966, 8.198716042650178)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 49439 Steinfeldnextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(52.359361205951544, 10.367531298460552)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 38176 Wendeburg-Wensenextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(52.1669190672075, 12.775451584962465)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 14822 Linthenextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(49.229257938383, 8.417837799057931)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 76661 Philippsburg-Rheinsheimnextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(52.16622051865336, 9.082515254272451)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 31737 Rintelnnextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(52.0074995516733, 7.617395327284279)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 48157 Münsternextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(51.779937821639884, 11.25062162727621)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 06493 Badebornnextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(51.54704673113624, 6.420060523560514)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 47661 Issumnextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(51.67962993716975, 6.8626214561089185)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 46514 Schermbecknextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(51.50590217162408, 8.08508648123158)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 59519 Möhneseenextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(51.13544422971643, 6.7879078119085)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('BERDING BETON GmbH 41542 Dormagen-Nievenheimnextbeton@berdingbeton.de 054 92 87 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(berdingIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(47.777442407357064, 8.90988541364702)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Röser III GmbH 78256 SteißlingenD.Braeunche@roeser2-gmbh.de 07576 9608 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(roeserIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(48.82225531742567, 10.023401449103872)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Röser GmbH 73457 EssingenD.Braeunche@roeser2-gmbh.de 07576 9608 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(roeserIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(47.777442407357064, 8.90988541364702)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Röser III GmbH 78256 SteißlingenD.Braeunche@roeser2-gmbh.de 07576 9608 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(roeserIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(48.94240631101398, 10.225306913686357)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Hermann Uhrle GmbH & Co. KG Fahrsilobau 73479 Ellwangen (Jagst)D.Braeunche@roeser2-gmbh.de 07576 9608 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(roeserIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(48.018610831036966, 9.233272269473877)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Röser II GmbH Krauchenwies 72505 KrauchenwiesD.Braeunche@roeser2-gmbh.de 07576 9608 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(roeserIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(48.12362321487752, 9.540205829003645)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Röser II GmbH Burgau 88525 Dürmentingen-BurgauD.Braeunche@roeser2-gmbh.de 07576 9608 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(roeserIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(48.229668624941986, 9.865601455989756)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Röser IV GmbH 88471 LaupheimuD.Braeunche@roeser2-gmbh.de 07576 9608 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(roeserIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(48.99444119109547, 9.206291082998135)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Karl Röser & Sohn GmbH Zementrohr- und Betonwerke 74395 Mundelsheimnextbeton@karl-roeser.de 07143 8151 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(karlRoeserIcon);
// Marker einzeichnen
marker.addTo(map);
// #Marker hinzufügen
// Koordinaten des Markers festlegen
var marker = ym.marker(ym.latLng(48.99444119109547, 9.206291082998135)).addTo(map);
//Pop-up hinzufügen
marker.bindPopup('Karl Röser & Sohn GmbH Zementrohr- und Betonwerke 74395 Mundelsheimnextbeton@karl-roeser.de 07143 8151 0
');
// icon des Markers definieren => SVG-Icon
marker.setIcon(karlRoeserIcon);
// Marker einzeichnen
marker.addTo(map);
/*
//Pop-up öffnen
setTimeout(function() {
marker.openPopup();
map.scrollWheelZoom.disable();
map.boxZoom.disable();
}, 100);
*/
map.scrollWheelZoom.disable();
map.boxZoom.disable();
});
.geocoder-form fieldset {
padding: 20px 0px 0px 0px;
border: none !Important;
}
.leaflet-popup-content h5 {
font-size: 18px !important;
}
.leaflet-popup-content p {
font-size: 16px !important;
}
/* Map */
.map-info {
position: absolute;
background: rgba(255,255,255,0.8);
height: 660px;
padding: 20px;
z-index: 999999999;
width: 20vw;
margin-left: 80vw;
}
.map-info h5, .map-info p {
text-shadow: 0px 0px 12px #fff, 0px 0px 24px #fff;
}
.map-info input[type="text"] {
display: inline-block;
width: 65%;
margin: 0px !important;
border-radius: 25px 0px 0px 25px;
border: 2px solid #008086 !important;
}
.map-info button {
width: 33%;
margin: 0px;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border: solid 1px #008086;
background: #008086;
margin-left: -6px;
line-height: 1.2em;
padding-top: 16px!important;
padding-bottom: 16px!important;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
color: #fff;
}
body[data-form-submit="regular"] .container-wrap .map-info button[type=submit]:not(.search-widget-btn) {
width: 33%;
margin: 0px;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border: solid 2px #008086;
margin-left: -6px;
padding: 13px 0px 17px !important;
transform: translate(0px, -2px);
}
@media screen and (max-width: 1199px) {
.map-info {
position: relative;
background: rgba(255,255,255,0.8);
height: auto;
padding: 20px;
z-index: 999999999;
width: 100%;
margin-left: 0px;
}
}
Hier wird next.beton hergestellt
WIR FREUEN UNS AUF IHRE KONTAKTAUFNAHME
Bitte wählen Sie über die Hersteller-Landkarte einen next.beton-Produzenten in Ihrer Nähe. Die Kontaktdaten der jeweiligen Unternehmen finden Sie hier:
SEE WHAT’S NEXT –
SEE WHAT’S NEXT –
SEE WHAT’S NEXT –
SEE WHAT’S NEXT –
SEE WHAT’S NEXT –
SEE WHAT’S NEXT –
next.beton
next.beton
next.beton
next.beton
next.beton
next.beton
