[GIS] How to create the own minifed openlayers js file

openlayers-2

I want to create my own minified openlayers js file with only the relevant classes my app used (including some custom class).

Is there a way to know by using the full openlayers.js file which are the ones I need to include in my custom build (instead doing trial and error and start deleting files and see which breaks my app) ?

Best Answer

I've always successfully used Custom Builds Profiles to create custom OpenLayers Deployments.

There is a detailed explanation available here: Custom build Profiles

These are the steps I follow:

Go through my Code and see which classes I'm using. Basically look for any class which you are using like new OpenLayers.ClassName(). Add these classes to the profile.
The builder will look through the OpenLayers Code and automatically include those dependencies in the build.
The only exception to this is the Vector Classes. If you are using Vector Layers, you need to provide all three renderes, since OpenLayers dynamically selects the appropriate renderer.

Related Solutions

OpenLayers KML – Registering Onclick Handler for All KML Features

I believe i found the solution.

SOLUTION DEMONSTRATION

It will:

change the cursor for your feature to cursor:wait using jquery.
It will change the svg fill color of the feature using jquery.
And best of all it's efficient and will NOT trigger anything or disrupt anything else as far as my tests have shown.

Use a regular click Handler (EXAMPLE1, EXAMPLE2) and use the e.target to get the object on the map. If it returns a vector feature great, if not, ignore. It can work for all your layers or you can check the returned feature to see if it belongs to a layer you want it to trigger on.

I used Example #1 and replaced the latlon alert for this:

    if (e.target._featureId) {
        var feature = vectorLayer.getFeatureById(e.target._featureId);
        $(e.target).css('fill', '#000000');
        $(e.target).css('cursor', 'wait');
        $("div#info").append("<span>You just clicked on " + feature.id + "<span><br />");
    }

[GIS] How to save new drawing feature to the own WorldImage layer(only base layer)

I am currently building an application in which the user draws lines and shapes on a map. I am using the browser's LocalStorage to save the vector data in GeoJSON format (see here). It's a concise, legible format. I retrieve the vector data using these 2 functions:

    function getFeatures(){ 
      var ret=new Array();
      for(i in vectors.features){
        if(vectors.features[i].geometry.getVertices().length>1){ //excludes points
          ret.push(serialize(vectors.features[i]));
        }
      }
      return ret;
    }
    function serialize(feature) {
      var out_options = {
      'internalProjection': map.baseLayer.projection,
      'externalProjection': new OpenLayers.Projection("EPSG:4326")
      };

      var type = "geojson";
      var pretty = false;
      var str = new OpenLayers.Format.GeoJSON(out_options).write(feature, pretty);
      return(str);

    }

I also built a server-side script which returns the user's drawing as a file, and allows a user to upload that file which then gets saved back to LocalStorage. Does that help at all?

Best Answer

Related Solutions

OpenLayers KML – Registering Onclick Handler for All KML Features

[GIS] How to save new drawing feature to the own WorldImage layer(only base layer)

Related Question