







		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		

		


<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
	<meta content="width=device-width, initial-scale=1.0" name="viewport">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta content="ie=edge" http-equiv="X-UA-Compatible">
	<meta name="robots" content="noindex, nofollow">
	<title>Rise — Orbea</title>
	<link rel="stylesheet" id="fuentes-css" href="https://use.typekit.net/las0owu.css?ver=1.0" type="text/css" media="all">
	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A==" crossorigin=""/>
	<link rel="stylesheet" id="css" href="https://www.orbea.eus/mc/2023/rise-range-extender/assets/css/estilos.css" type="text/css" media="all">
</head>
<body id="onna-list" class="en">

<header id="cabecera">
	<a id="logo" href="https://www.orbea.com/">
		<img src="https://www.orbea.eus/experience/terra/dist/images/logo.svg" width="148" alt="Orbea">
		<span>Orbea</span>
	</a>
	<div id="idioma">
		<span>en</span>
		<div id="idiomas">
			<ul class="navbar-nav nav-language">

				
							<li><a href="https://cloud.coms.orbea.com/rise-range-extender?qs=1032368b2b8ed841">es</a></li>
						
							<li><a href="https://cloud.coms.orbea.com/rise-range-extender?qs=b34a4ec356473dae">de</a></li>
						
							<li><a href="https://cloud.coms.orbea.com/rise-range-extender?qs=554b4b155e42967c">fr</a></li>
						
							<li><a href="https://cloud.coms.orbea.com/rise-range-extender?qs=00507b195d58495e">it</a></li>
						
							<li><a href="https://cloud.coms.orbea.com/rise-range-extender?qs=bd255c0c3b18e904">nl</a></li>
						
			</ul>
		</div>
	</div>
</header>

<div id="hero" style="background-image:url('https://www.orbea.eus/mc/2023/rise-range-extender/assets/img/hero.jpg');">
	<h1>Get a free range extender and discount on selected Rise models</h1>
	<p>Find an Orbea dealer participating in the promotion. <br/>Offer valid on Rise carbon bikes from the 2022 range.</p>
</div>

<div id="centro">

	<div id="panel">
		<form id="listado" method="POST" action="https://cloud.coms.orbea.com/rise-range-extender">
			<label for="co">
				<span>Country*</span>
				<select name="co">
					<option selected disabled>---</option>
					
						<option value="AT">Austria</option>
					
						<option value="BE">Belgium</option>
					
						<option value="BR">Brazil </option>
					
						<option value="BG">Bulgaria </option>
					
						<option value="CZ">Czech Republic</option>
					
						<option value="DK">Denmark</option>
					
						<option value="FR">France</option>
					
						<option value="DE">Germany</option>
					
						<option value="IE">Ireland</option>
					
						<option value="IT">Italy</option>
					
						<option value="LU">Luxembourg</option>
					
						<option value="NL">Netherlands</option>
					
						<option value="PL">Poland</option>
					
						<option value="PT">Portugal</option>
					
						<option value="SI">Slovenia</option>
					
						<option value="ES">Spain</option>
					
						<option value="SE">Sweden</option>
					
						<option value="TR">Turkey</option>
					
						<option value="GB">United Kingdom</option>
					
						<option value="US">United States</option>
					
				</select>
			</label>
			<label for="cp">
				<span>Postal code*</span>
				<input name="cp" type="text" placeholder="Postal code" value="" required>
			</label>

			<div id="submit">
				<input type="hidden" name="la" value="en">
				<input type="hidden" name="mode" value="search">
				<input id="envio" type="submit" value="See stores" style="display:none; pointer-events:none,;">
				<a class="envio">
					<span class="txt">See stores</span>
					<span class="ico">
						<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
					</span>
				</a>
			</div>
		</form>
		<div class="banner">
			<div class="wrap">
				<div class="content">
					<h3 class="title">Discover the bikes with free Range Extenders</h3>
					<p class="description">Rise carbon from the 2022 range.</p>
					<a href="https://www.orbea.com/us-en/ebikes/mountain/rise/cat/?promo=my22" class="btn">See models</a>
				</div>
				<div class="thumbnail">
					<img class="img-fluid" src="https://www.orbea.eus/mc/2023/rise-range-extender/assets/img/rise.jpg" alt="">
				</div>
			</div>
		</div>
	</div>

	
		<div id="criteria" class="inner">
			<h2>Select search criteria</h2>
		</div>
	
</div>

<footer id="pie">
	<div id="copy">© 2021 Orbea S. Coop. N.I.F. F-20032348 Spain.</div>
	<ul id="legal">
		
			<li><a href="https://www.orbea.com/us-en/terms-conditions/" target="_blank">Terms and Conditions</a></li>
			<li><a href="https://www.orbea.com/us-en/quality-policy/" target="_blank">Quality Policy</a></li>
			<li><a href="https://www.orbea.com/us-en/terms-conditions/#privacy-policy" target="_blank">Privacy Policy</a></li>
		
	</ul>
</footer>

<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js" integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA==" crossorigin=""></script>
<script src="https://cloud.coms.orbea.com/jquery.3.4.1.js"></script>

<script>
	$(document).ready(function(){

    		//////////////
    		// SUBMIT //
    		//////////////

    		$('form a.envio').click(function(){
    			// $(this).closest('form').submit();
    			$(this).closest('form').find('input#envio').trigger('click');
    		})

    		////////////
    		// MAPA //
    		////////////

		if($('#mapa').length){

			var markers = [];
			var limites = [];

			var userLat = 0;
			var userLon = 0;

			////////////
			// MAPA //
			////////////

			var mapa = L.map('mapa').setView([userLat, userLon], 5);
			L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
				maxZoom: 25,
				attribution: '© 2021 Orbea S. Coop. N.I.F. F-20032348 Spain.',
	    			// attribution: 'Datos del mapa de &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a>, ' + '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' + 'Imágenes © <a href="https://www.mapbox.com/">Mapbox</a>',
	    			id: 'mapbox/streets-v11'
	    		}).addTo(mapa);

			////////////////////////////////
	    		// MARKER DEL USUARIO //
	    		////////////////////////////////

			if(userLat != 0 && userLon != 0){
				var userIcon = L.icon({
					iconUrl: 'https://www.orbea.eus/mc/2023/rise-range-extender/assets/img/marker-b.png',
					iconSize:     [25, 41], // size of the icon
					iconAnchor:   [13, 41], // point of the icon which will correspond to marker's location
					popupAnchor:  [0, -41] // point from which the popup should open relative to the iconAnchor
				});
		    		var marker = L.marker([userLat, userLon],{
		    			icon: userIcon
		    		}).addTo(mapa);
		    		marker.bindPopup('<p>This is you.</p>');
	    			limites.push([userLat, userLon]);
	    		}

	    		//////////////////////////////////////////////////////////////////////////
	    		// RECORRIDO DE DEALERS PARA CONFIGURAR LOS MARKERS //
	    		//////////////////////////////////////////////////////////////////////////

	    		$('#listado .dealer').each(function(i, dealer){
	    			var id = $(this).attr('id');
	    			var dealer = $(this).data('dealer');
	    			var popup = $(this).html();
	    			var iso = $(this).data('iso');
	    			var lat = $(this).data('lat');
	    			var lon = $(this).data('lon');

	    			if(lat != 0 && lon != 0){

		    			// PARA BUSCAR LOS LÍMITES HAY QUE PASARLO EN FORMATO NORMAL, LATITUD Y LUEGO LONTIGUD
		    			var cordsLimites = [];
		    			cordsLimites.push(lat);
		    			cordsLimites.push(lon);

		    			/*
		    			var marker = {
						'type': 'Feature',
						'properties': {
							'id': id,
							'name': dealer,
							'iso': iso,
							'popup': popup
						},
						'geometry': {
							'type': 'Point',
							'coordinates': cords
						}
					}
					markers.push(marker);
					*/
					limites.push(cordsLimites);

					$('#'+ id).attr('data-index', i);

					var marker = L.marker([lat, lon]).addTo(mapa).bindPopup(popup).on('click', function(e) {
						$('.dealer').removeClass('on');
		    				$('#'+ id).addClass('on');
		    			});
					markers.push(marker);


				}

	    		})

	    		/////////////////////////////////////////////////////
	    		// AÑADIRMOS LOS MARKERS, CON POPUP //
	    		/////////////////////////////////////////////////////

	    		/*
			L.geoJSON(markers, {
				pointToLayer: function(geoJsonPoint, latlng) {
					var marker = L.marker(latlng);
					marker['id'] = '0';
					return marker;
				},
				onEachFeature: function(feature, layer) {
					if (feature.properties && feature.properties.popup) {
						layer.bindPopup(feature.properties.popup);
					}
				}
			}).addTo(mapa);
			*/

			/////////////////////////////////////////////////////
			// CENTRAMOS EL MAPA CON ANIMACION //
			/////////////////////////////////////////////////////

			// if(limites.length > 1){
			// 	mapa.flyToBounds(limites);
			// } else {
				mapa.setView(limites[0]).setZoom(9);
				mapa.setView(limites[0]).setZoom(9);
			// }

			//////////////////////////////
			// CLICK EN EL LISTADO //
			//////////////////////////////

			$('.dealer span.btn').click(function(){
				var dealer = $(this).closest('.dealer');
				var index = dealer.data('index');
	    			var lat = dealer.data('lat');
	    			var lon = dealer.data('lon');
	    			$('.dealer').removeClass('on');
	    			dealer.addClass('on');
				mapa.flyTo([lat, lon], 17);
				markers[index].openPopup();
			})

		}

	})
</script>

</body>
</html>