[OpenLayers-Users]
OpenLayers.Projection(OpenLayers.Util.getElement(......).value)
- jQuery problem
Noli Sicad
nsicad at gmail.com
Fri Jun 24 23:11:01 EDT 2011
Thanks Nick for this info.
Now, I have to replace $ into $j,
var $j = jQuery.noConflict();
I will try this option and see what happen.
Now, how extended the use of prototype in OpenLayers?
Is only Util.js uses prototype.js in OpenLayers?
I saw OpenLayers.mobile.js uses as well Prototype.
Noli
On 6/25/11, Nick Kendall <n.e.kendall at gmail.com> wrote:
> Try the jquery no conflict function
>
> http://docs.jquery.com/Using_jQuery_with_Other_Libraries
>
> Sent from my mobile device
>
> On Jun 24, 2011, at 8:23 PM, Noli Sicad <nsicad at gmail.com> wrote:
>
>> Hi,
>>
>> I am having problem executing this updateFormats function (below)
>> which contains (OpenLayers.Util.getElement(......).value) in my jQuery
>> mobile OL. The updateFormats is demonstrated in vector formats, in
>> projection and out projection. My select controls are getting back
>> when I clicked it.
>>
>> http://openlayers.org/dev/examples/vector-formats.html
>>
>> It seems that the problem is probably in the
>> OpenLayers.Util.getElement(......) which a $.
>>
>> In Util.js,
>>
>> ~~~~~~~~
>> OpenLayers.Util.isElement = function(o) {
>> return !!(o && o.nodeType === 1);
>> };
>>
>> /**
>> * Maintain existing definition of $.
>> */
>> if(typeof window.$ === "undefined") {
>> window.$ = OpenLayers.Util.getElement;
>> }
>> ~~~~~~~~
>>
>> Is this intervening in jQuery? Could I delete this? What would be the
>> solution inorder that updateFormats will be executed properly?
>>
>> Thanks in advance.
>>
>> Regards, Noli
>>
>> ~~~~~~~~~~~~~~~~~~~~~~~
>>
>> This updateFormats in jQuery.
>>
>>
>> #~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
>> $(function() {
>>
>> function updateFormats() {
>>
>> alert("updated!");
>>
>> var in_options = {
>> 'internalProjection': map.baseLayer.projection,
>> 'externalProjection': new
>> OpenLayers.Projection(OpenLayers.Util.getElement("inproj").value)
>>
>>
>> };
>> alert(in_options);
>> var out_options = {
>> 'internalProjection': map.baseLayer.projection,
>> 'externalProjection': new
>> OpenLayers.Projection(OpenLayers.Util.getElement("outproj").value)
>> };
>> var gmlOptions = {
>> featureType: "feature",
>> featureNS: "http://example.com/feature"
>> };
>> var gmlOptionsIn = OpenLayers.Util.extend(
>> OpenLayers.Util.extend({}, gmlOptions),
>> in_options
>> );
>> var gmlOptionsOut = OpenLayers.Util.extend(
>> OpenLayers.Util.extend({}, gmlOptions),
>> out_options
>> );
>>
>> var kmlOptionsIn = OpenLayers.Util.extend(
>> {extractStyles: true}, in_options);
>> formats = {
>> 'in': {
>> wkt: new OpenLayers.Format.WKT(in_options),
>> geojson: new OpenLayers.Format.GeoJSON(in_options),
>> gml2: new OpenLayers.Format.GML.v2(gmlOptionsIn),
>> gml3: new OpenLayers.Format.GML.v3(gmlOptionsIn),
>> kml: new OpenLayers.Format.KML(kmlOptionsIn)
>> },
>> 'out': {
>> wkt: new OpenLayers.Format.WKT(out_options),
>> geojson: new OpenLayers.Format.GeoJSON(out_options),
>> gml2: new OpenLayers.Format.GML.v2(gmlOptionsOut),
>> gml3: new OpenLayers.Format.GML.v3(gmlOptionsOut),
>> kml: new OpenLayers.Format.KML(out_options)
>> }
>> };
>> }
>>
>> $('#inproj, #outproj').change(updateFormats);
>> }); // for the function
>> _______________________________________________
>> Users mailing list
>> Users at lists.osgeo.org
>> http://lists.osgeo.org/mailman/listinfo/openlayers-users
>
More information about the Users
mailing list