OSM enyo

OSM on enyo test

by EDWIN MAURICIO QUISHPE MALDONADO

HTML

<script src="https://enyojs.com/enyo-2.5.1/enyo/enyo.js"></script>
<script src="https://enyojs.com/enyo-2.5.1/lib/onyx/package.js"></script>
<script src="https://enyojs.com/enyo-2.5.1/lib/layout/package.js"></script>
<script src="https://openlayers.org/api/OpenLayers.js"></script>

JavaScript

enyo.ready(function() {
enyo.kind({
			name : "App",
			components : [ {
				kind : "FittableRows",
				classes : "enyo-fit",
				components : [ {
					kind : "onyx.Toolbar",
					layoutKind : "FittableColumnsLayout",
					style : "text-align: center",
					components : [ {
						content : "NBT OpenLayers Control Demo for Enyo 2"
					} ]
				}, {
					name : "theMap",
					kind : "nbt.OpenLayers",
					onReady : "onMapReady",
					fit : true
				}, ]
			}, ],
			onMapReady : function(inSender) {
				map = inSender.getMap();
				var markers = new OpenLayers.Layer.Markers("marker");
				epsg4326 = new OpenLayers.Projection("EPSG:4326"); // WGS 1984
																	// projection
				projectTo = map.getProjectionObject(); // The map projection
														// (Spherical Mercator)
				var osm = new OpenLayers.Layer.OSM();
				osm.attribution = "";
				var zoom = 5;
				map.addLayer(osm);
				map.addControl(new OpenLayers.Control.LayerSwitcher());
				var lonLat = new OpenLayers.LonLat(80.2740, 13.0810).transform(
						new OpenLayers.Projection("EPSG:4326"), map
								.getProjectionObject());

				map.addLayer(markers);
				var posss = new OpenLayers.Marker(lonLat);
				markers.addMarker(posss);
				map.setCenter(lonLat, zoom // Zoom level
				);
				var vectorLayer = new OpenLayers.Layer.Vector("Overlay");
				var myLocation = new OpenLayers.Geometry.Point(77.5833, 12.9833)
						.transform('EPSG:4326', 'EPSG:3857');

				// Define markers as "features" of the vector layer:
				var feature = new OpenLayers.Feature.Vector(
						new OpenLayers.Geometry.Point(77.5833, 12.9833)
								.transform(new OpenLayers.Projection(
										"EPSG:4326"), map.getProjectionObject()),
						{
							description : 'This is the value of<br>the description attribute'
						}, {
							externalGraphic : 'https://cdn1.iconfinder.com/data/icons/Map-Markers-Icons-Demo-PNG/256/Map-Marker-Marker-Outside-Pink.png',
							graphicHeight : 25,
							graphicWidth :...