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 <[email protected]> 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 < > [email protected]> 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 <[email protected]> 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 >>> [email protected] >>> http://openlayers.org/mailman/listinfo/users >>> >>> >> >> >> -- >> Nicholas Efremov-Kendall >> Fulbright Student 2009-2010, Ukraine >> [email protected] >> c/o Halyna Yerko >> Balzaka 92a, Kv 27 >> 02232 >> Kyiv, Ukraine >> (mob) +380963576524 >> > >
_______________________________________________ Users mailing list [email protected] http://openlayers.org/mailman/listinfo/users
