[OpenLayers-Users] Beginner issue
Nicholas Efremov-Kendall
n.e.kendall at gmail.com
Wed Feb 24 07:44:26 EST 2010
what does firebug tell you?
On Tue, Feb 23, 2010 at 3:51 PM, ethio info <info.ethio at gmail.com> 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 <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
>>>
>>
>>
>
--
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/20100224/b5e3fa66/attachment.html
More information about the Users
mailing list