[OpenLayers-Users] Beginner issue
ethio info
info.ethio at gmail.com
Tue Feb 23 15:51:05 EST 2010
Sorry to keep pestering you, but does anyone know what I am doing wrong?
if anyone can make this work, and tell me how to fix it, I would be very
grateful.
thanks
On Sun, Feb 21, 2010 at 3:23 PM, ethio info <info.ethio at gmail.com> wrote:
> I understand what you are saying but my previous request was rejected
> because it was over the size limit.
> Here it is:
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
> http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
>
> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
>
>
> <!-- GLOBAL JAVASCRIPT -->
> <script src="http://www.latimes.com/includes/projects/js/menu.js"
> type="text/javascript"></script>
> <script src='
> http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ<http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAjpkAC9ePGem0lIq5XcMiuhR_wWLPFku8Ix9i2SXYRVK3e45q1BQUd_beF8dtzKET_EteAjPdGDwqpQ>
> '></script>
> <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
>
> <script type="text/javascript">
>
>
>
> var index_map;
> var wkt_f = new OpenLayers.Format.WKT();
>
> function load_index_map() {
>
> // var max_extent = new
> OpenLayers.Bounds(860986,-4383204,5870363,3600489); //working but no
> woreda's
> var max_extent = new
> OpenLayers.Bounds(660986,-4383204,4870363,3600489);//not working
>
>
> var options = {
> projection: new OpenLayers.Projection("EPSG:900913"),
> units: "m",
> maxResolution: 156543.0339,
> maxExtent: max_extent,
> minZoomLevel: 10,
> maxZoomLevel: 10,
> controls: []
> };
>
> // Firing up the map object
> index_map = new OpenLayers.Map('index-map', options);
>
> // Google terrain map
> var gphy = new OpenLayers.Layer.Google("Google Terrain", {
> type: G_PHYSICAL_MAP,
> "sphericalMercator": true
> });
>
> index_map.addLayer(gphy);
> index_map.addControl(new OpenLayers.Control.LayerSwitcher());
> index_map.addControl(new OpenLayers.Control.MousePosition());
>
>
> // Setting the feature style
> var template = {
> strokeColor : '#2262CC',
> strokeWidth: 2,
> strokeOpacity: 0.9,
> fillColor : '#2262CC',
> fillOpacity : 0.3,
> pointRadius : 3,
> strokeLinecap: "round"
> };
>
> // Assigning the feature style
> var style = new OpenLayers.Style(template);
> var style_map = new OpenLayers.StyleMap({
> 'default': style,
> 'select': {
> fillColor: '#2262CC',
> fillOpacity: 0.75
> }
> });
> var hood_vector = new OpenLayers.Layer.Vector("Wereda");
>
> ar hood_polygon_371 = wkt_f.read('MULTIPOLYGON (((39.2968382026
> 8.8274792477, 39.3135039775 8.748488041, 39.3016324666 8.742095689,
> 39.3036871512 8.7357033371, 39.269899005 8.6920983646,
> 39.2315448931 8.6608214995, 39.2265223308 8.645982111,
> 39.2479823696 8.6108241751, 39.2249242428 8.589135838,
> 39.2221846634 8.5756662392, 39.2306316999 8.5656211146,
> 39.257114301 8.5601419558, 39.2502653525 8.5464440587,
> 39.2139659251 8.5220161421, 39.1744703218 8.4606039034,
> 39.0858905871 8.385037171, 39.0758454626 8.3950822956,
> 39.0381762455 8.399419963, 39.0363498593 8.5128842107,
> 39.0671701278 8.5432478827, 39.0655720398 8.5562608849,
> 39.0872603769 8.5968979797, 39.0874886751 8.6528310595, 39.10415445
> 8.6825098366, 39.0982186945 8.6939247509, 39.1075789242 8.7101339291,
> 39.1603158281 8.742095689, 39.1840588498 8.7877553461,
> 39.1767533046 8.8019098398, 39.2014095194 8.8146945437,
> 39.2057471869 8.8039645243, 39.2199016805 8.8012249449,
> 39.2461559833 8.8299905288, 39.2710404964 8.8224566854,
> 39.2968382026 8.8274792477 )))');
> hood_polygon_371.data = {'slug':' 371', 'name': '371'};
>
> var hood_polygon_260 = wkt_f.read('MULTIPOLYGON (((39.506872625
> 9.3384108099, 39.5290175587 9.3116999105, 39.510068801 9.2838475198,
> 39.522853505 9.2751721849, 39.4963709039 9.2509725667,
> 39.5105253976 9.2502876718, 39.5089273096 9.2354482833,
> 39.5290175587 9.2133033496, 39.5598378272 9.2203805965,
> 39.5456833335 9.1938979954, 39.5376928935 9.1470968469,
> 39.5771884968 9.0621698849, 39.5447701403 9.0523530586,
> 39.4872389725 9.0171951227, 39.461212968 9.0137706484,
> 39.4299361029 9.0452758117, 39.4004856241 9.0596586037,
> 39.3701219522 9.1025786813, 39.3758294093 9.126321703,
> 39.3498034048 9.1690134823, 39.2920439386 9.1770039223,
> 39.281085621 9.1865924503, 39.2514068439 9.2676383415,
> 39.2509502473 9.3203752454, 39.2584840907 9.3308769665,
> 39.266702829 9.3265392991, 39.3011758701 9.2909247666,
> 39.3253754883 9.3107867174, 39.3824500596 9.293664346, 39.434045472
> 9.3477710396, 39.4589299851 9.3511955139, 39.506872625 9.3384108099
> )))');
> hood_polygon_260.data = {'slug':' 260', 'name': '260'};
> var hood_vector = new OpenLayers.Layer.Vector("
> Wereda");
> (hood_vector.addFeatures([hood_polygon_260,hood_polygon_371);
> var lon = 4387103;
> var lat = 1007363;
> var zoom = 0;
> function show_hood(feature) {
> var selectedFeature = feature;
> var hood_name = selectedFeature.data.name;
> var hed = document.getElementById('hood-index-hed');
> hed.innerHTML = 'Click to visit ' + hood_name;
> }
>
> function hide_hood() {
> var hed = document.getElementById('hood-index-hed');
> hed.innerHTML = "Select one of L.A.’s 114 neighborhoods";
> }
>
> function click_hood(feature) {
> var selectedFeature = feature;
> var url = '/mapping-la/neighborhoods/neighborhood/' +
> selectedFeature.data.slug;
> index_map.destroy();
> window.location.href = url;
> return false;
> }
>
> var hover_control = new OpenLayers.Control.SelectFeature(hood_vector, {
> hover: true,
> onSelect: show_hood,
> onUnselect: hide_hood,
> onHoverClick: click_hood
> });
>
> index_map.addControl(hover_control);
> hover_control.activate();
> }
> </script>
>
>
> </head>
> <body onload="load_index_map()" ><h2 style="font-size: 3em;
> ">Woreda's</h2>
> <div class="bottomborder pad5vert clear"
> style="margin-right:20px;"></div>
> <!-- the dynamic hed -->
> <h1 class="pad10vert" id="hood-index-hed" >Select one of the 583
> woreda's </h1>
> <!-- The index map -->
> <div id="index-map" style="width: 1200px; height: 900px"></div>
> </body>
> </html>
>
>
> On Sun, Feb 21, 2010 at 10:40 AM, Nicholas Efremov-Kendall <
> n.e.kendall at gmail.com> wrote:
>
>> you really need to post more code than that for someone to be able to help
>> you. Are you using proj4.js to change your projection? OL only uses a few
>> projections/coordinate systems natively.
>>
>> On Sun, Feb 21, 2010 at 2:39 AM, ethio info <info.ethio at gmail.com> wrote:
>>
>>> Hi, Please take a look at this site:
>>> http://projects.latimes.com/mapping-la/neighborhoods/.
>>> I have copied the source and cleaned it up of ads and so forth and have
>>> put in my data and I just can not see the overlay on the Google map.
>>> I will include the changes I made below. The only thing I can think of
>>> that is blocking my overlay is the bounds. Basically, I want the country of
>>> Ethiopia.
>>> Just to complicate things further, my overlay was showing when I did not
>>> use a spherical mercator projection but the overlay matched what is in
>>> Google maps ONLY when I zoomed in.
>>> so after reading some of the issues some people had, I figured I should
>>> use what is in the Mapping LA w/minor changes.
>>> Can someone suggest a solution? BTW, the overlay switch works and gives
>>> my overlay as a check box option to click on but it is not displayed on the
>>> Google map
>>> Here are my changes to the Mapping LA Neighborhood source:
>>>
>>> var max_extent = new OpenLayers.Bounds(860986,-4383204,5870363,3600489);
>>> index_map.addControl(new OpenLayers.Control.LayerSwitcher());
>>>
>>> var hood_polygon_371 = wkt_f.read('MULTIPOLYGON (((39.2968382026
>>> 8.8274792477, 39.3135039775 8.748488041, 39.3016324666 8.742095689,
>>> 39.3036871512 8.7357033371, 39.269899005 8.6920983646,
>>> 39.2315448931 8.6608214995, 39.2265223308 8.645982111,
>>> 39.2479823696 8.6108241751, 39.2249242428 8.589135838,
>>> 39.2221846634 8.5756662392, 39.2306316999 8.5656211146,
>>> 39.257114301 8.5601419558, 39.2502653525 8.5464440587,
>>> 39.2139659251 8.5220161421, 39.1744703218 8.4606039034,
>>> 39.0858905871 8.385037171, 39.0758454626 8.3950822956,
>>> 39.0381762455 8.399419963, 39.0363498593 8.5128842107,
>>> 39.0671701278 8.5432478827, 39.0655720398 8.5562608849,
>>> 39.0872603769 8.5968979797, 39.0874886751 8.6528310595, 39.10415445
>>> 8.6825098366, 39.0982186945 8.6939247509, 39.1075789242 8.7101339291,
>>> 39.1603158281 8.742095689, 39.1840588498 8.7877553461,
>>> 39.1767533046 8.8019098398, 39.2014095194 8.8146945437,
>>> 39.2057471869 8.8039645243, 39.2199016805 8.8012249449,
>>> 39.2461559833 8.8299905288, 39.2710404964 8.8224566854,
>>> 39.2968382026 8.8274792477 )))');
>>> hood_polygon_371.data = {'slug':' 371', 'name': '371'};
>>>
>>> var hood_polygon_260 = wkt_f.read('MULTIPOLYGON (((39.506872625
>>> 9.3384108099, 39.5290175587 9.3116999105, 39.510068801 9.2838475198,
>>> 39.522853505 9.2751721849, 39.4963709039 9.2509725667,
>>> 39.5105253976 9.2502876718, 39.5089273096 9.2354482833,
>>> 39.5290175587 9.2133033496, 39.5598378272 9.2203805965,
>>> 39.5456833335 9.1938979954, 39.5376928935 9.1470968469,
>>> 39.5771884968 9.0621698849, 39.5447701403 9.0523530586,
>>> 39.4872389725 9.0171951227, 39.461212968 9.0137706484,
>>> 39.4299361029 9.0452758117, 39.4004856241 9.0596586037,
>>> 39.3701219522 9.1025786813, 39.3758294093 9.126321703,
>>> 39.3498034048 9.1690134823, 39.2920439386 9.1770039223,
>>> 39.281085621 9.1865924503, 39.2514068439 9.2676383415,
>>> 39.2509502473 9.3203752454, 39.2584840907 9.3308769665,
>>> 39.266702829 9.3265392991, 39.3011758701 9.2909247666,
>>> 39.3253754883 9.3107867174, 39.3824500596 9.293664346, 39.434045472
>>> 9.3477710396, 39.4589299851 9.3511955139, 39.506872625 9.3384108099
>>> )))');
>>> hood_polygon_260.data = {'slug':' 260', 'name': '260'};
>>> var hood_vector = new OpenLayers.Layer.Vector("Wereda");
>>> (hood_vector.addFeatures([hood_polygon_260,hood_polygon_371);
>>> var lon = 4387103;
>>> var lat = 1007363;
>>> var zoom = 0;
>>>
>>>
>>> _______________________________________________
>>> Users mailing list
>>> Users at openlayers.org
>>> http://openlayers.org/mailman/listinfo/users
>>>
>>>
>>
>>
>> --
>> Nicholas Efremov-Kendall
>> Fulbright Student 2009-2010, Ukraine
>> nefremov at artsci.wustl.edu
>> c/o Halyna Yerko
>> Balzaka 92a, Kv 27
>> 02232
>> Kyiv, Ukraine
>> (mob) +380963576524
>>
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.osgeo.org/pipermail/openlayers-users/attachments/20100223/185ddf42/attachment.html
More information about the Users
mailing list