You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@tapestry.apache.org by David Canteros <da...@gmail.com> on 2012/11/22 20:49:15 UTC
Tapestry-JQuery: use of GoogleMap component
Hi!
Has anybody worked with GoogleMap component, included in tapestry5-jquery
library? I need help to include a marker in the map...
I have followed the instruccions (
http://tapestry5-jquery.com/components/docsgmap), that indicates how to
show a simple map (no parameters), and it works fine. But when I try to
draw a marker using latitude/longitude, nothing happens.
It supposed the the parameters must be given in JSON format, using the
structure required by GMap3, the library that finally shows the map.
For instance, the following code that shows a marker using latLng (taken
from GMap site, that include a live demo that works ok),
*$('#test2').gmap3({
marker:{
latLng:[29.132318972825445,81.32052349999992]
}
});*
So my parameters method looks:
public JSONObject getOptions() {
JSONArray array = new JSONArray();
array.put(new Double(29.132318972825445));
array.put(new Double(81.32052349999992));
JSONObject jsonLatLng = new JSONObject();
jsonLatLng.put("latLng", array);
JSONObject jsonMarker = new JSONObject();
jsonMarker.put("marker", jsonLatLng);
log.debug("JSON " + jsonMarker.toString());
return jsonMarker;
}
The toString method shows:
[DEBUG] sitios.GeneralInfoPage JSON {
"marker" : {
"latLng" : [
29.132318972825445,
81.32052349999992
]
}
}
It looks good, but the map does not show the marker. There are no
exceptions, the JSON is valid and matches with the given example.
I have also tried with position and zoom options, and it works!!! But i
have no luck with the marker.
Thanks id advance!!
David
*
*
*
*
, but when I try to draw a marker, nothing happens:
------------------------------------------------------------------
David Germán Canteros
Re: Tapestry-JQuery: use of GoogleMap component
Posted by ICE Ernesto Arteaga Zavala <ar...@gmail.com>.
Hi Emmanuel,
I had been added some mixing but needs more work...
Some of the stuff I added are
Jquery PowerZoom to images:
http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm
Jquery Booklet http://builtbywill.com/code/booklet/
Jquery Visualize
http://filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/
Booklet and Visualize I added as a mixing but they should be a component so
it needs more work.
2012/11/23 Emmanuel DEMEY <de...@gmail.com>
> Sorry for the delay on the Tapestry5-jQuery mailing list. I will try to
> find a solution right now.
>
>
> 2012/11/23 David Canteros <da...@gmail.com>
>
> > Thank you for your answers!
> >
> > I didn't know about the exanpe library, i looks very good!
> > However I'm already using Tapestry-Jquery so I'll try first the solution
> > proposed by arterzatij.
> >
> > The tapestry-jquery developers should be noticed about this problem,I
> > posted this on the google-group of the project , but with no concrete
> > answers...
> >
> > ------------------------------------------------------------------
> > David Germán Canteros
> >
> >
> > 2012/11/23 Lance Java <la...@googlemail.com>
> >
> > > I haven't used the gmap in tapestry-jquery but I have used the gmap
> > > component
> > > from exanpe without any trouble at all.
> > >
> > > Demo:
> > > http://exanpe-t5-lib.appspot.com/components/googlemap/example2
> > >
> > > Source:
> > > https://github.com/exanpe/exanpe-t5-lib
> > >
> > > Demo Source:
> > > https://github.com/exanpe/exanpe-t5-demo
> > >
> > >
> > >
> > >
> > > --
> > > View this message in context:
> > >
> >
> http://tapestry.1045711.n5.nabble.com/Tapestry-JQuery-use-of-GoogleMap-component-tp5718195p5718201.html
> > > Sent from the Tapestry - User mailing list archive at Nabble.com.
> > >
> > > ---------------------------------------------------------------------
> > > To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> > > For additional commands, e-mail: users-help@tapestry.apache.org
> > >
> > >
> >
>
>
>
> --
> Emmanuel DEMEY
> Ingénieur Etude et Développement
> ATOS Worldline
> +33 (0)6 47 47 42 02
> demey.emmanuel@gmail.com
> http://emmanueldemey.fr/
>
> Twitter : @EmmanuelDemey
>
--
Saludos,
-------------------------------------------------------------------
"Nada que se consiga sin pena y sin trabajo
es verdaderamente valioso."
Joseph Addison
-------------------------------------------------------------------
ICE Ernesto Arteaga Zavala
Ingeniero de Desarrollo
Re: Tapestry-JQuery: use of GoogleMap component
Posted by David Canteros <da...@gmail.com>.
It works! Thanks!!
Regards
David
------------------------------------------------------------------
David Germán Canteros
2012/11/24 David Canteros <da...@gmail.com>
> Thank you Emmanuel, i will try it!
>
> David
>
> ------------------------------------------------------------------
> David Germán Canteros
>
>
>
> 2012/11/23 Emmanuel DEMEY <de...@gmail.com>
>
>> It is just a problem of the jQuery Widget. I found a solution (in French
>> sorry http://www.touraineverte.com/gmap3/api/get-address.html) :
>> public JSONObject getOptions(){
>> JSONObject json = new JSONObject();
>> json.put("action", "addMarker").put("latLng", new
>> JSONArray(46.578498,2.457275));
>> return json;
>> }
>>
>>
>> 2012/11/23 Emmanuel DEMEY <de...@gmail.com>
>>
>> > Sorry for the delay on the Tapestry5-jQuery mailing list. I will try to
>> > find a solution right now.
>> >
>> >
>> > 2012/11/23 David Canteros <da...@gmail.com>
>> >
>> >> Thank you for your answers!
>> >>
>> >> I didn't know about the exanpe library, i looks very good!
>> >> However I'm already using Tapestry-Jquery so I'll try first the
>> solution
>> >> proposed by arterzatij.
>> >>
>> >> The tapestry-jquery developers should be noticed about this problem,I
>> >> posted this on the google-group of the project , but with no concrete
>> >> answers...
>> >>
>> >> ------------------------------------------------------------------
>> >> David Germán Canteros
>> >>
>> >>
>> >> 2012/11/23 Lance Java <la...@googlemail.com>
>> >>
>> >> > I haven't used the gmap in tapestry-jquery but I have used the gmap
>> >> > component
>> >> > from exanpe without any trouble at all.
>> >> >
>> >> > Demo:
>> >> > http://exanpe-t5-lib.appspot.com/components/googlemap/example2
>> >> >
>> >> > Source:
>> >> > https://github.com/exanpe/exanpe-t5-lib
>> >> >
>> >> > Demo Source:
>> >> > https://github.com/exanpe/exanpe-t5-demo
>> >> >
>> >> >
>> >> >
>> >> >
>> >> > --
>> >> > View this message in context:
>> >> >
>> >>
>> http://tapestry.1045711.n5.nabble.com/Tapestry-JQuery-use-of-GoogleMap-component-tp5718195p5718201.html
>> >> > Sent from the Tapestry - User mailing list archive at Nabble.com.
>> >> >
>> >> > ---------------------------------------------------------------------
>> >> > To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>> >> > For additional commands, e-mail: users-help@tapestry.apache.org
>> >> >
>> >> >
>> >>
>> >
>> >
>> >
>> > --
>> > Emmanuel DEMEY
>> > Ingénieur Etude et Développement
>> > ATOS Worldline
>> > +33 (0)6 47 47 42 02
>> > demey.emmanuel@gmail.com
>> > http://emmanueldemey.fr/
>> >
>> > Twitter : @EmmanuelDemey
>> >
>> >
>>
>>
>> --
>> Emmanuel DEMEY
>> Ingénieur Etude et Développement
>> ATOS Worldline
>> +33 (0)6 47 47 42 02
>> demey.emmanuel@gmail.com
>> http://emmanueldemey.fr/
>>
>> Twitter : @EmmanuelDemey
>>
>
>
Re: Tapestry-JQuery: use of GoogleMap component
Posted by David Canteros <da...@gmail.com>.
Thank you Emmanuel, i will try it!
David
------------------------------------------------------------------
David Germán Canteros
2012/11/23 Emmanuel DEMEY <de...@gmail.com>
> It is just a problem of the jQuery Widget. I found a solution (in French
> sorry http://www.touraineverte.com/gmap3/api/get-address.html) :
> public JSONObject getOptions(){
> JSONObject json = new JSONObject();
> json.put("action", "addMarker").put("latLng", new
> JSONArray(46.578498,2.457275));
> return json;
> }
>
>
> 2012/11/23 Emmanuel DEMEY <de...@gmail.com>
>
> > Sorry for the delay on the Tapestry5-jQuery mailing list. I will try to
> > find a solution right now.
> >
> >
> > 2012/11/23 David Canteros <da...@gmail.com>
> >
> >> Thank you for your answers!
> >>
> >> I didn't know about the exanpe library, i looks very good!
> >> However I'm already using Tapestry-Jquery so I'll try first the solution
> >> proposed by arterzatij.
> >>
> >> The tapestry-jquery developers should be noticed about this problem,I
> >> posted this on the google-group of the project , but with no concrete
> >> answers...
> >>
> >> ------------------------------------------------------------------
> >> David Germán Canteros
> >>
> >>
> >> 2012/11/23 Lance Java <la...@googlemail.com>
> >>
> >> > I haven't used the gmap in tapestry-jquery but I have used the gmap
> >> > component
> >> > from exanpe without any trouble at all.
> >> >
> >> > Demo:
> >> > http://exanpe-t5-lib.appspot.com/components/googlemap/example2
> >> >
> >> > Source:
> >> > https://github.com/exanpe/exanpe-t5-lib
> >> >
> >> > Demo Source:
> >> > https://github.com/exanpe/exanpe-t5-demo
> >> >
> >> >
> >> >
> >> >
> >> > --
> >> > View this message in context:
> >> >
> >>
> http://tapestry.1045711.n5.nabble.com/Tapestry-JQuery-use-of-GoogleMap-component-tp5718195p5718201.html
> >> > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >> >
> >> > ---------------------------------------------------------------------
> >> > To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> >> > For additional commands, e-mail: users-help@tapestry.apache.org
> >> >
> >> >
> >>
> >
> >
> >
> > --
> > Emmanuel DEMEY
> > Ingénieur Etude et Développement
> > ATOS Worldline
> > +33 (0)6 47 47 42 02
> > demey.emmanuel@gmail.com
> > http://emmanueldemey.fr/
> >
> > Twitter : @EmmanuelDemey
> >
> >
>
>
> --
> Emmanuel DEMEY
> Ingénieur Etude et Développement
> ATOS Worldline
> +33 (0)6 47 47 42 02
> demey.emmanuel@gmail.com
> http://emmanueldemey.fr/
>
> Twitter : @EmmanuelDemey
>
Re: Tapestry-JQuery: use of GoogleMap component
Posted by Emmanuel DEMEY <de...@gmail.com>.
It is just a problem of the jQuery Widget. I found a solution (in French
sorry http://www.touraineverte.com/gmap3/api/get-address.html) :
public JSONObject getOptions(){
JSONObject json = new JSONObject();
json.put("action", "addMarker").put("latLng", new
JSONArray(46.578498,2.457275));
return json;
}
2012/11/23 Emmanuel DEMEY <de...@gmail.com>
> Sorry for the delay on the Tapestry5-jQuery mailing list. I will try to
> find a solution right now.
>
>
> 2012/11/23 David Canteros <da...@gmail.com>
>
>> Thank you for your answers!
>>
>> I didn't know about the exanpe library, i looks very good!
>> However I'm already using Tapestry-Jquery so I'll try first the solution
>> proposed by arterzatij.
>>
>> The tapestry-jquery developers should be noticed about this problem,I
>> posted this on the google-group of the project , but with no concrete
>> answers...
>>
>> ------------------------------------------------------------------
>> David Germán Canteros
>>
>>
>> 2012/11/23 Lance Java <la...@googlemail.com>
>>
>> > I haven't used the gmap in tapestry-jquery but I have used the gmap
>> > component
>> > from exanpe without any trouble at all.
>> >
>> > Demo:
>> > http://exanpe-t5-lib.appspot.com/components/googlemap/example2
>> >
>> > Source:
>> > https://github.com/exanpe/exanpe-t5-lib
>> >
>> > Demo Source:
>> > https://github.com/exanpe/exanpe-t5-demo
>> >
>> >
>> >
>> >
>> > --
>> > View this message in context:
>> >
>> http://tapestry.1045711.n5.nabble.com/Tapestry-JQuery-use-of-GoogleMap-component-tp5718195p5718201.html
>> > Sent from the Tapestry - User mailing list archive at Nabble.com.
>> >
>> > ---------------------------------------------------------------------
>> > To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
>> > For additional commands, e-mail: users-help@tapestry.apache.org
>> >
>> >
>>
>
>
>
> --
> Emmanuel DEMEY
> Ingénieur Etude et Développement
> ATOS Worldline
> +33 (0)6 47 47 42 02
> demey.emmanuel@gmail.com
> http://emmanueldemey.fr/
>
> Twitter : @EmmanuelDemey
>
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: Tapestry-JQuery: use of GoogleMap component
Posted by Emmanuel DEMEY <de...@gmail.com>.
Sorry for the delay on the Tapestry5-jQuery mailing list. I will try to
find a solution right now.
2012/11/23 David Canteros <da...@gmail.com>
> Thank you for your answers!
>
> I didn't know about the exanpe library, i looks very good!
> However I'm already using Tapestry-Jquery so I'll try first the solution
> proposed by arterzatij.
>
> The tapestry-jquery developers should be noticed about this problem,I
> posted this on the google-group of the project , but with no concrete
> answers...
>
> ------------------------------------------------------------------
> David Germán Canteros
>
>
> 2012/11/23 Lance Java <la...@googlemail.com>
>
> > I haven't used the gmap in tapestry-jquery but I have used the gmap
> > component
> > from exanpe without any trouble at all.
> >
> > Demo:
> > http://exanpe-t5-lib.appspot.com/components/googlemap/example2
> >
> > Source:
> > https://github.com/exanpe/exanpe-t5-lib
> >
> > Demo Source:
> > https://github.com/exanpe/exanpe-t5-demo
> >
> >
> >
> >
> > --
> > View this message in context:
> >
> http://tapestry.1045711.n5.nabble.com/Tapestry-JQuery-use-of-GoogleMap-component-tp5718195p5718201.html
> > Sent from the Tapestry - User mailing list archive at Nabble.com.
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> > For additional commands, e-mail: users-help@tapestry.apache.org
> >
> >
>
--
Emmanuel DEMEY
Ingénieur Etude et Développement
ATOS Worldline
+33 (0)6 47 47 42 02
demey.emmanuel@gmail.com
http://emmanueldemey.fr/
Twitter : @EmmanuelDemey
Re: Tapestry-JQuery: use of GoogleMap component
Posted by David Canteros <da...@gmail.com>.
Thank you for your answers!
I didn't know about the exanpe library, i looks very good!
However I'm already using Tapestry-Jquery so I'll try first the solution
proposed by arterzatij.
The tapestry-jquery developers should be noticed about this problem,I
posted this on the google-group of the project , but with no concrete
answers...
------------------------------------------------------------------
David Germán Canteros
2012/11/23 Lance Java <la...@googlemail.com>
> I haven't used the gmap in tapestry-jquery but I have used the gmap
> component
> from exanpe without any trouble at all.
>
> Demo:
> http://exanpe-t5-lib.appspot.com/components/googlemap/example2
>
> Source:
> https://github.com/exanpe/exanpe-t5-lib
>
> Demo Source:
> https://github.com/exanpe/exanpe-t5-demo
>
>
>
>
> --
> View this message in context:
> http://tapestry.1045711.n5.nabble.com/Tapestry-JQuery-use-of-GoogleMap-component-tp5718195p5718201.html
> Sent from the Tapestry - User mailing list archive at Nabble.com.
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
> For additional commands, e-mail: users-help@tapestry.apache.org
>
>
Re: Tapestry-JQuery: use of GoogleMap component
Posted by Lance Java <la...@googlemail.com>.
I haven't used the gmap in tapestry-jquery but I have used the gmap component
from exanpe without any trouble at all.
Demo:
http://exanpe-t5-lib.appspot.com/components/googlemap/example2
Source:
https://github.com/exanpe/exanpe-t5-lib
Demo Source:
https://github.com/exanpe/exanpe-t5-demo
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-JQuery-use-of-GoogleMap-component-tp5718195p5718201.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org
Re: Tapestry-JQuery: use of GoogleMap component
Posted by arterzatij <ar...@gmail.com>.
I found the same problem with the component, so what I did, I changed the
scripts by this ones on Tapestry-Jquery Project http://gmap.nurtext.de/
And this is what I got:
<http://tapestry.1045711.n5.nabble.com/file/n5718196/maps.png>
--
View this message in context: http://tapestry.1045711.n5.nabble.com/Tapestry-JQuery-use-of-GoogleMap-component-tp5718195p5718196.html
Sent from the Tapestry - User mailing list archive at Nabble.com.
---------------------------------------------------------------------
To unsubscribe, e-mail: users-unsubscribe@tapestry.apache.org
For additional commands, e-mail: users-help@tapestry.apache.org