what does firebug tell you? On Tue, Feb 23, 2010 at 3:51 PM, ethio info <[email protected]> wrote:
> 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 >>> >> >> > -- 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
