EGMaps

Hola a todos:

Estoy usando la extension EGMaps V2.0 y no encuentro la forma mediante JavaScript agregar marcas.

Aqui esta el link de la Página:

http://logistica.trabajoxmicuenta.com.mx/index.php?r=catDetalleFactura/admin

Espero su ayuda.

Gracias

Hola, ya lo pude hacer. Les dejo el código de Ejemplo:





<script>

function agregar()

{

var Lat = Math.round(Math.random()*100);        

var Lon = Math.round(Math.random()*100);        

alert(Lat+" "+Lon)

Var="Latitud "+Lat+" <BR> Longitud "+Lon+"<BR>";

          

EGMapInfoWindow1 = new google.maps.InfoWindow({content:Var+"<div> CONSECUTIVO: LOGIQ197 <BR> PROVEEDOR: ETOWN <BR> NP: 2602193 <BR>FACT: 2602 CANTIDAD: 300 PZAS</div>"});

var EGMapMarkerWithLabel2 = new MarkerWithLabel({map:EGMap0,

position:new google.maps.LatLng(Lat, Lon),

title:'Click para ver detalles'});


google.maps.event.addListener(EGMapMarkerWithLabel2, "click", function() {if (EGMap0_info_window) EGMap0_info_window.close();

EGMap0_info_window = EGMapInfoWindow1;

EGMapInfoWindow1.open(EGMap0,EGMapMarkerWithLabel2);

});

}

</script>



Aqui les dejo algo más general




function Ubicar_Mercancia()

{

	  var R=jQuery("#list10_d").jqGrid('getGridParam','reccount');

	  var ids = jQuery("#list10_d").jqGrid('getDataIDs'); 

	  for(i=0; i<R; i++)

	  {

		var Lat 	= Math.round(Math.random()*100);        

		var Lon 	= Math.round(Math.random()*100);

		var Cons	=jQuery("#list10_d").getCell(ids[i],'consecutivo_trafico');     

		var Prov	=jQuery("#list10_d").getCell(ids[i],'nombre_provedor');     

		var NParte	=jQuery("#list10_d").getCell(ids[i],'numero_parte');

		var NFactura=jQuery("#list10_d").getCell(ids[i],'numero_factura');

		var Cantidad=jQuery("#list10_d").getCell(ids[i],'cantidad_original');     

		

		Marcas(Lat,Lon,Cons,Prov,NParte,NFactura,Cantidad,i);

	  }

}


function Marcas(la,lo,Cons,Prov,NParte,NFactura,Cantidad,i)

{

	  

	    VCons		=	"CONSECUTIVO: "+Cons+"<BR>";

		VProveedor	=	"PROVEEDOR  : "+Prov+"<BR>";

		VNparte		=	"NÚMERO PARTE: "+NParte+"<BR>";

		VNFactura	=	"NÚMERO FACTURA: "+NFactura+"<BR>"; 

		VCantidad	=	"CANTIDAD: "+Cantidad;

		VT			= 	VCons+VProveedor+VNparte+VNFactura+VCantidad;

		

		window["EGMapInfoWindow"+i] = new google.maps.InfoWindow({content:"<div>"+VT+"</div>"});

		window["EGMapMarkerWithLabel"+i] = new MarkerWithLabel({map:EGMap0,

		position:new google.maps.LatLng(la, lo),

		title:'Click para ver detalles'});


		google.maps.event.addListener(window["EGMapMarkerWithLabel"+i], "click", function() {if (EGMap0_info_window) EGMap0_info_window.close();

		EGMap0_info_window = window["EGMapInfoWindow"+i];

		window["EGMapInfoWindow"+i].open(EGMap0,window["EGMapMarkerWithLabel"+i]);

		});

	  

}

</script>




esta bueno tu proyecto… te cuidado con los permisos y esas cosas de administración!

hola, quisiera saber como puedo utilizar el gmap… si puedes ayudarme con ejemplos te lo agradezco mucho

Saludos.

Gracias por el comentario. Me falta aun la validación de Usuarios.

Primero bajas la extension




<?php


Yii::import('ext.gmaps.*');

 

$gMap = new EGMap();

$gMap->zoom = 2;

// set center to inca

$gMap->setCenter(18, 2.9087440013885635); 

$gMap->width = 1050;

$gMap->height = 600;

// Enable Key Drag Zoom


$marker = new EGMapMarkerWithLabel(-100, 2.90165944519042, array('title' => 'Sólo Ejemplo'));

$info_window = new EGMapInfoWindow('Marca de Ejemplo');

$marker->addHtmlInfoWindow($info_window);


$marker2 = new EGMapMarkerWithLabel(20.821089311812094, 2.90165944519042, array('title' => 'Hola'));

$info_window = new EGMapInfoWindow('<div> Solo Ejemplo</div>');

$marker2->addHtmlInfoWindow($info_window);




$zoom_options = array(

  'visualEnabled'=>true,

  'boxStyle'=>array(

   'border'=>'4px dashed black', // strings with double quoted inside!

   'backgroundColor'=>'transparent',

   'opacity'=>1.0

  ),

  'veilStyle'=>array(

    'backgroundColor'=>'blue',

    'opacity'=>0.35,

    'cursor'=>'crosshair'

  ));

 

 

$drag_Zoom = new EGMapKeyDragZoom($zoom_options);

 

$gMap->enableKeyDragZoom($drag_Zoom);


$gMap->addMarker($marker);


$gMap->setContainerId('map_canvas');


$div = $gMap->getContainer();


$gMap->registerMapScript();


?>




y luego ubicas el div donde tu quieras

<div id="map_canvas" style="width: 1070px; height: 500px"></div>

Efrain, no se como puedo probar el código que publicaste, te agradezco si puedes ser mas específico, estoy tratando de entenderlo, pero nada, mira, lo que necesito hacer es pintar un mapa con la latitud y la longitud que tengo guardadas en una base de datos…

Saludos!

Como te comento:

Primero bajas la extension de EGMAP Version 2.0 (Ahi te dice como instalarla, incluso trae varios ejemplos)

Luego en algun vista de tu proyecto de yii, pegas el codigo que te deja arriba

Espero comnetarios.