Hola, me gustaria recibir ayuda para insertar un mapa en una web. Tengo un codigo que funciona perfectamente para una instalación de wordpress pero muestra el plano en forma de mapa. Lo que yo quisiera es que se viera con streetview. Se agradeceria que me ayudasen. El codigo es este:
Quote::
<?php
// ====== Google Map Single page======
Class googlemmap_singlepage extends WP_Widget {
function googlemmap_singlepage() {
//Constructor
$widget_ops = array('classname' => 'widget Google Map in Detail page Sidebar', 'description' => __('Google Map in Detail page Sidebar. It will show you google map V3 for detail page only.') );
$this->WP_Widget('googlemmapwidget_single', __('PT → Google Map V3 - Detail page'), $widget_ops);
}
function widget($args, $instance) {
// prints the widget
extract($args, EXTR_SKIP);
$title = empty($instance['title']) ? '' : apply_filters('widget_title', $instance['title']);
$advt1 = empty($instance['advt1']) ? '' : apply_filters('widget_advt1', $instance['advt1']);
$link1 = empty($instance['link1']) ? '' : apply_filters('widget_link1', $instance['link1']);
?>
Lo que quieres es: ¿disponer en tu mapa de la funcionalidad de street view?, ¿un contenedor aparte y referenciado al principal del mapa que te muestre la vista de street view?, ¿quieres prescindir del mapa tradicional y solo tener la vista en streetview?.
Mientras me concretas esto te voy contando:
-La clase StreetViewPanorama se instancia con: var 'variable'= new google.maps.StreetViewPanorama('contenedor','array con opciones');
-El método setStreetView('clase StreetViewPanorama instanciada') te permite referenciar la vista street view de un contenedor a la georreferenciación de otro contenedor principal.
Creo que con esto deberías poder tirar. En todo caso, si nos concretas un poco mas lo que pretendes hacer que seguro que te podemos ayudar mejor.
Con el codigo que tengo lo que me muestra es el mapa con el monigote naranja para poder lanzarlo a la calle en cuestión, pero a mi me gustaría que se viera la vista de la calle y no la situación en el plano. He estado mirando los ejemplos de codigo que vienen en: code.google.com/ ...vices.html
Y haciendo algún cambio mas como indica en ese documento de google codex pero no logro, o bien se sigue viendo el plano, o bien aparece el espacio del plano en la mi web pero sin contenido ninguno del plano... Algo me falla, y eso se debe a que no tengo suficientes conocimientos de programación, por no decir ninguno.
Pero a mi lo que me gustaría es ver la panoramica o vista de la calle del lugar que quiero mostrar.
Os doy la gracias a todos por vuestra ayuda y en especial a ti, _polifemo
, por tu pronta respuesta
Que va, yo no controlo nada, eso no lo hice yo, es para wp y lo he encontrado y me funciona bien en mi web (aun en modo de pruebas) Pero yo por las tripas del codigo no se meterme mucho.
El caso es que al escribir una direccion en el post, la muestra automaticamente en el mapa. De ahí debe de salir el get_post_meta, que sera alguna informacion a mayores que aparece en un bocadillo en el mapa, con una imgen del sitio, dirección y telefono.
Usa la V3 de google maps. Me imagino que habra que hacer algun cambio para que en vez de mostrar el plano muestre la panoramica de la calle. Trate de hacerlo aumentando el zoom, pero no ocurre igual que al abrir el plano desde google maps, aquí llega un momento que el zoom no da mas y por mas que aumentes lo unico que se ve es la situación en el plano lo mas cerca posible, pero no lanza el monigote naranja por defecto...
Igual es muy complicado y te estoy haciendo perder mucho tiempo. De cualquier forma muchisimas gracias por dedicarme tu tiempo!
Buenas ofrou, la clave estaría en sustituir la siguiente estructura
Code::
Var map = new google.maps.Map(mapDiv, {
center: latLng, zoom: <?php echo $scale;?>,<?php if($map_type=='ROADMAP' || $map_type=='SATELLITE'||$map_type=='TERRAIN'){?>mapTypeId:google.maps.MapTypeId.<?php echo $map_type;?>,<?php}else{?>mapTypeId: google.maps.MapTypeId.ROADMAP,<?php }?>
});
Por una estructura como esta:
Code::
Var panoramaOptions = {
position: fenway,
pov: {
heading: 34,
pitch: 10,
zoom: 1
}
Var map= new google.maps.StreetViewPanorama(document.getElementById("map-canvas"),panoramaOptions);
Haz una prueba así a ver que sale.
Pero, te recomiendo que si tus conocimientos de programación son flojos tomes mejor como referencia los ejemplos que te indiqué en el anterior post. Tendrás menos problemas por ser mas fáciles (no tienen transferencia de variables con métodos GET, POST, que pueden resultar problemáticos).
Decidas lo que decidas, haz la prueba y no tengas problemas en reportarnos dudas, errores y lo que necesites.
Puede publicar nuevos temas en este foro No puede responder a temas en este foro No puede editar sus mensajes en este foro No puede borrar sus mensajes en este foro No puede votar en encuestas en este foro No Puedes adjuntar archivos en este foro Tu puedes descargar archivos en este foro