[OpenLayers-Users] How to display a specific place on Open Layers using vector overlays?

Thu May 27 05:50:06 EDT 2010

Hi,
I am a newbie in OpenLayers. I have created an openlayers map which has a
google overlay as well. I want to display specific points on my map by
latitude and longitude . I think it should be done by overlaying with a
vector map and adding features like point features in it. I am trying to do
in that method.  I will paste my html code below. Somebody please give me a
solution.

<html>
<head>
<script
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAACEqFvKuI3jg904cT0XlYjhTpH3CbXHjuCVmaTc5MkkU4wO1RRhSu36OAUnbWUv-uMRvzw0s82T09xg"
type="text/javascript"></script>
 <title>OpenLayers Example</title>
    <script
    src="/site_media/OpenLayers/OpenLayers.js"></script>
    </head>
    <body>
      <div style="width:100%; height:100%" id="map"></div>
      <script defer="defer" type="text/javascript">
        var map = new OpenLayers.Map('map');
        var wms = new OpenLayers.Layer.WMS( "OpenLayers
WMS","http://labs.metacarta.com/wms/vmap0", {layers: 'basic'} );
        var google = new OpenLayers.Layer.Google( "Google" );
        map.addLayer(google);
        map.addLayer(wms);
        var renderer =
OpenLayers.Util.getParameters(window.location.href).renderer;
            renderer = (renderer) ? [renderer] :
OpenLayers.Layer.Vector.prototype.renderers;

            var vectorLayer = new OpenLayers.Layer.Vector("Simple Geometry",
{
                styleMap: new OpenLayers.StyleMap({'default':{
                    strokeColor: "#00FF00",
                    strokeOpacity: 1,
                    strokeWidth: 3,
                    fillColor: "#FF5500",
                    fillOpacity: 0.5,
                    pointRadius: 6,
                    pointerEvents: "visiblePainted",
                    label : "name: ${name}, age: ${age}",                    
                    fontColor: "${favColor}",
                    fontSize: "12px",
                    fontFamily: "Courier New, monospace",
                    fontWeight: "bold",
                    labelAlign: "${align}",
                    labelXOffset: "${xOffset}",
                    labelYOffset: "${yOffset}"
                }}),
                renderers: renderer
            });

        var labelOffsetPoint = new OpenLayers.Geometry.Point(77.8,8.9);
            var labelOffsetFeature = new
OpenLayers.Feature.Vector(labelOffsetPoint);
            labelOffsetFeature.attributes = {
                name: "offset",
                age: 22,
                favColor: 'blue',
                align: "cm",
                xOffset: 50,
                yOffset: -15
            };
        map.addLayer(vectorLayer);
        //vectorLayer.drawFeature(multiFeature);
        map.setCenter(new OpenLayers.LonLat(77.4,8.7),9);
        vectorLayer.addFeatures(pointFeature);
        map.zoomToMaxExtent();
      </script>
<script type="text/javascript">
function submitform()
{
    document.forms["myform"].submit();
}
</script>
<br>
</body>
</html> 
-- 
View this message in context: http://osgeo-org.1803224.n2.nabble.com/Re-How-to-display-a-specific-place-on-Open-Layers-using-vector-overlays-tp5107806p5107806.html
Sent from the OpenLayers Users mailing list archive at Nabble.com.