Foros del Web » Programando para Internet » Javascript »

Texto de rutas google maps cambia font

Estas en el tema de Texto de rutas google maps cambia font en el foro de Javascript en Foros del Web. Hola como estan, Veran, estoy usando este codigo para crear unas rutas con la api de google maps:. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original ...
  #1 (permalink)  
Antiguo 04/06/2013, 17:43
 
Fecha de Ingreso: marzo-2007
Mensajes: 751
Antigüedad: 15 años, 3 meses
Puntos: 4
Texto de rutas google maps cambia font

Hola como estan,

Veran, estoy usando este codigo para crear unas rutas con la api de google maps:.

Código Javascript:
Ver original
  1. <script>
  2.  var rendererOptions = {
  3.   draggable: true
  4. };
  5. var directionsDisplay = new google.maps.DirectionsRenderer(rendererOptions);;
  6. var directionsService = new google.maps.DirectionsService();
  7. var map;
  8.  
  9. var australia = new google.maps.LatLng(37.888175, -4.779384);
  10.  
  11. function initialize() {
  12.  
  13.   var mapOptions = {
  14.     zoom: 8,
  15.     mapTypeId: google.maps.MapTypeId.ROADMAP,
  16.     center: australia
  17.   };
  18.   map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  19.   directionsDisplay.setMap(map);
  20.   directionsDisplay.setPanel(document.getElementById('directionsPanel'));
  21.  
  22.   google.maps.event.addListener(directionsDisplay, 'directions_changed', function() {
  23.     computeTotalDistance(directionsDisplay.directions);
  24.   });
  25.  
  26.   calcRoute();
  27. }
  28.  
  29. function calcRoute() {
  30.  
  31.   var request = {
  32.  
  33.  
  34.     origin: '<?php echo $or; ?>',
  35.     destination: '<?php echo $origend; ?>',
  36.     waypoints:[<?php echo $cadena; ?>],
  37.     travelMode: google.maps.DirectionsTravelMode.DRIVING
  38.   };
  39.   directionsService.route(request, function(response, status) {
  40.     if (status == google.maps.DirectionsStatus.OK) {
  41.       directionsDisplay.setDirections(response);
  42.     }
  43.   });
  44. }
  45.  
  46. function computeTotalDistance(result) {
  47.   var total = 0;
  48.   var myroute = result.routes[0];
  49.   for (var i = 0; i < myroute.legs.length; i++) {
  50.     total += myroute.legs[i].distance.value;
  51.   }
  52.   total = total / 1000.
  53.   document.getElementById('total').innerHTML = '<span style="font-size:30pt;">'. = total + ' km </span>';
  54. }
  55.  
  56. google.maps.event.addDomListener(window, 'load', initialize);
  57.  
  58.     </script>


Código HTML:
 <link href="default.css" rel="stylesheet">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&language=es"></script>
			<div class="mapa" style="padding-top:13px; ">
    <div id="map-canvas" style="width:97%; height:400px;"></div>
    <div id="directionsPanel" style="width:97%;height 100%;">
    <p>Distancia Total: <span id="total" class="texto-guia"></span></p>
    </div> 
y funciona bien la cosa es que me gustaria cambiar el tamaño del texto de las indicaciones que da google y no como podria hacer esto.

A ver si alguien conoce esta api sabe como se podria hacer

Un saludo!

Etiquetas: font, funcion, google, html, js, maps, php, rutas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:26.