[ka-Map-users] customizing ka-map
Alessio Di Lorenzo
alessio.dilorenzo at gmail.com
Tue Aug 7 13:07:02 EDT 2007
Samuel Hiatt ha scritto:
> I am willing to bet that this will solve the problem...
>
> Add
> <script type="text/javascript" src=" DHTMLapi.js
> <http://localhost/luoghidabruzzo/ka-map/htdocs/xhr.js>"></script>
> to your header. You might want to peek inside that file... it is a
> cross-browser compatible api for handling the DOM. It comes in quite
> handy when javascripting.
ok, done...
>
> I just noticed something else... I don't know if I am right here, but
> I believe that you shouldn't include the entire path referencing your
> javascript files... for example,
> <script type="text/javascript"
> src="http://localhost/luoghidabruzzo/ka-map/htdocs/xhr.js
> <http://localhost/luoghidabruzzo/ka-map/htdocs/xhr.js>"></script>
> should be
> <script type="text/javascript" src=" xhr.js
> <http://localhost/luoghidabruzzo/ka-map/htdocs/xhr.js>"></script>
> at least if index.html is located in your
> luoghidabruzzo/ka-map/htdocs/
> <http://localhost/luoghidabruzzo/ka-map/htdocs/xhr.js> directory.
> Otherwise your app will likely not work on another computer (because
> the browser will be looking for it's own localhost). Does that sound
> right?
>
originally my html file was not located in
/luoghidabruzzo/ka-map/htdocs/ directory but now it is (I moved it in
that directory).
Modifing src option in the <script> tag as you suggest nothing change...
sorry.
> Let us know if it works.
> Sam
The error remains exactly the same:
Error: this.kaMap.getRawObject is not a function
Source file: http://localhost/luoghidabruzzo/ka-map/htdocs/kaLegend.js
<http://localhost/luoghidabruzzo/ka-map/htdocs/kaLegend.js>
Row: 72
Thank you very much for your help Sam! I really appreciate it :-)
>
>
>
> On 8/7/07, *Alessio Di Lorenzo* <alessio.dilorenzo at gmail.com
> <mailto:alessio.dilorenzo at gmail.com>> wrote:
>
> Hi, by reading this link
>
> http://www.ominiverdi.org/ka-map/ka-map/presentations/foss4g2006/foss4g2006.html
>
> I get something working, but I still have problems when I try to add
> functionalities.
>
> For example, if I want to add the legend I have to:
>
> * 1) add a script tag to your page:
> *
> * <script type="text/javascript" src="kaLegend.js"></script>
> *
> * 2) add a <div> element to your page to contain the legend. The
> div must
> * have a unique id:
> *
> * <div id="legend"></div>
> *
> * 3) create a new instance of kaLegend and pass it the id of the div:
> *
> * myKaLegend = new kaLegend( 'legend' );
> *
> * and that's it :)
>
> (taken from the kaLegend.js file)
>
> It seems so simple! I did it... but in my case it doesn't work... why?
>
> The error generated when I load my sample interface is:
>
> Error: this.kaMap.getRawObject is not a function
> Source file:
> http://localhost/luoghidabruzzo/ka-map/htdocs/kaLegend.js
> <http://localhost/luoghidabruzzo/ka-map/htdocs/kaLegend.js>
> Row: 72
>
> The map div (with the map inside) is the only thing visible...
>
> There's my code:
>
> <html>
> <head>
> <title>Customizing Ka-Map!</title>
>
> <script type="text/javascript"
> src="http://localhost/luoghidabruzzo/ka-map/htdocs/xhr.js"></script>
> <script type="text/javascript"
> src="
> http://localhost/luoghidabruzzo/ka-map/htdocs/kaMap.js"></script>
> <script type="text/javascript"
> src="
> http://localhost/luoghidabruzzo/ka-map/htdocs/kaTool.js"></script>
> <script type="text/javascript"
> src="
> http://localhost/luoghidabruzzo/ka-map/htdocs/kaLegend.js"></script>
>
> <script type="text/javascript">
> var myKaMap;
> var myKaNav;
>
> function myOnLoad() {
> myKaMap = new kaMap( 'mapDiv' );
> myKaMap.server =
> 'http://localhost/luoghidabruzzo/ka-map/htdocs/
> <http://localhost/luoghidabruzzo/ka-map/htdocs/>';
> myKaMap.initialize();
>
> myNav = new kaNavigator ( myKaMap );
> myNav.activate ();
>
> myKaLegend = new kaLegend( 'legend' );
>
> }
>
> </script>
>
> </head>
> <body onload="myOnLoad();">
>
> <div id="mapDiv">
> </div>
>
> <div id="legend">
> </div>
>
> </body>
> </html>
>
> <style type="text/css">
> #mapDiv {
> position: relative;
> width: 640px;
> height: 480px;
> background-color: white;
> border: 1px solid black;
> }
> </style>
>
>
>
> I hope you have any suggestions!
> thaks to all,
>
> Alessio
>
>
>
>
> Alessio Di Lorenzo ha scritto:
> > Samuel Hiatt ha scritto:
> >> Hi there!
> > Hi Sam
> >>
> >> I am glad that my tutorial could be of help.
> >> I've not had experience working with adding objects to the basic
> >> iframe interface, but I think it will be somewhat simple. When
> I get
> >> a chance I'll try to do exactly what you requested and then
> write up
> >> the steps to do so as an addition to the wiki tutorial.
> > Thanks!
> >>
> >> If in the meantime you get it working, could you send me a quick
> >> outline of what you had to do?
> > Sure!
> >
> >>
> >>
> >> I think it'd be great to continue solving simple tasks like
> this and
> >> then documenting them on the wiki to continue to expand the
> >> tutorial. Does anyone else have any other ideas/requests?
> >>
> >> Sam
> >>
> >>
> >>
> >> On 8/3/07, *Alessio Di Lorenzo* < alessio.dilorenzo at gmail.com
> <mailto:alessio.dilorenzo at gmail.com>
> >> <mailto:alessio.dilorenzo at gmail.com
> <mailto:alessio.dilorenzo at gmail.com>>> wrote:
> >>
> >> Hi Sam,
> >> first of all thank you for the answer and for your tutorial.
> >> I read it and now I can understand better what every single
> part
> >> of the
> >> code does.
> >>
> >> However, I had not success to add other functions in my
> basic ka-map
> >> interface (iframe).
> >> I don't understand how to insert, for example, the legend
> at the
> >> side of
> >> the iframe or the scalebar.
> >>
> >> By reading the api reference it seems quite simple, but it
> doesn't
> >> work
> >> (my error for sure...).
> >>
> >> Have you (or anyone in the mailing list) any idea or
> example of good
> >> working code to obtain this result?
> >>
> >> thank you
> >>
> >> Alessio
> >>
> >>
> >>
> >> Samuel Hiatt ha scritto:
> >> > Hi!
> >> >
> >> > I am about 1/2 way through writing up a tutorial that will
> >> likely be
> >> > of interest to you. I am not dealing with the
> iframe.html, but I
> >> > believe that my tutorial will help you figure out how to
> add the
> >> tools
> >> > you need to your page.
> >> >
> >> > Take a look at the wiki, at "Customizing the ka-map
> interface"
> >> and let
> >> > me know what you think. If you have further questions or
> if I
> >> need to
> >> > clarify my tutorial please let me know.
> >> >
> >> > Sam
> >> >
> >> >
> >> >
> >> >
> >> > On 8/1/07, *Alessio Di Lorenzo* <
> alessio.dilorenzo at gmail.com <mailto:alessio.dilorenzo at gmail.com>
> >> <mailto:alessio.dilorenzo at gmail.com
> <mailto:alessio.dilorenzo at gmail.com>>
> >> > <mailto: alessio.dilorenzo at gmail.com
> <mailto:alessio.dilorenzo at gmail.com>
> >> <mailto:alessio.dilorenzo at gmail.com
> <mailto:alessio.dilorenzo at gmail.com>>>> wrote:
> >> >
> >> > Hi all,
> >> > In this days I'm trying to customize the ka-map minimal
> >> interface
> >> > (iframe.html) by adding more functions (rubber zoom,
> query,
> >> > keymap, turn
> >> > on/off layers).
> >> > There's some example of code over the web that I can
> study?
> >> >
> >> > My purpouse is to embed the viewer in a web page and
> add the
> >> functions
> >> > at the side of the viewer iframe.
> >> > Thank you very much,
> >> >
> >> > Alessio
> >> > _______________________________________________
> >> > ka-Map-users mailing list
> >> > ka-Map-users at lists.maptools.org
> <mailto:ka-Map-users at lists.maptools.org>
> >> <mailto:ka-Map-users at lists.maptools.org
> <mailto:ka-Map-users at lists.maptools.org>>
> >> > <mailto: ka-Map-users at lists.maptools.org
> <mailto:ka-Map-users at lists.maptools.org>
> >> <mailto:ka-Map-users at lists.maptools.org
> <mailto:ka-Map-users at lists.maptools.org>>>
> >> > http://lists.maptools.org/mailman/listinfo/ka-map-users
> >> >
> >> >
> >>
> >> _______________________________________________
> >> ka-Map-users mailing list
> >> ka-Map-users at lists.maptools.org
> <mailto:ka-Map-users at lists.maptools.org>
> >> <mailto:ka-Map-users at lists.maptools.org
> <mailto:ka-Map-users at lists.maptools.org>>
> >> http://lists.maptools.org/mailman/listinfo/ka-map-users
> >>
> >>
> >>
> ------------------------------------------------------------------------
>
> >>
> >> _______________________________________________
> >> ka-Map-users mailing list
> >> ka-Map-users at lists.maptools.org
> <mailto:ka-Map-users at lists.maptools.org>
> >> http://lists.maptools.org/mailman/listinfo/ka-map-users
> >>
> >
> >
>
> _______________________________________________
> ka-Map-users mailing list
> ka-Map-users at lists.maptools.org
> <mailto:ka-Map-users at lists.maptools.org>
> http://lists.maptools.org/mailman/listinfo/ka-map-users
>
>
More information about the ka-Map-users
mailing list