StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>So, finally, I found the problem. </p> <p>I was requiring in my update_map.js map.js, wich has it's own instantiating of window.map. It was not suitable for this case of changing the marker. I rewrote my update_map.js and now it's using its' own instance of window.map. This is my update_map.js:</p> <pre><code>ACTIVEOBJECTICON = L.icon iconUrl: '<%= image_path("green-marker.png") %>', iconSize: [25, 41], iconAnchor: [13, 41] draggable: true class EditMap extends L.Map constructor: (id, params) -> super id, params @layers = companyLocationMarker: new L.LayerGroup() activeObjectMarker: new L.LayerGroup() @activeObjectIcon = ACTIVEOBJECTICON @putInit() putInit: => if coord == "[0]" || coord == "" alert("You didn't setup adress.") else latLng = coord.replace('[',"").replace(']',"").split(",").map(Number) val1 = latLng[1] val0 = latLng[0] location = new L.LatLng(val1, val0) @layers.activeObjectMarker = new L.Marker(location, { icon: @activeObjectIcon} ) @addLayer(@layers.activeObjectMarker) @layers.activeObjectMarker.dragging.enable() @setView(location, 15) @panTo location setCompanyLocation: (location) => @currentLocation = location map.renderCompanyLocation() renderCompanyLocation: => locationIcon = ACTIVEOBJECTICON @removeLayer(@layers.activeObjectMarker) @removeLayer(@layers.companyLocationMarker) @layers.companyLocationMarker = new L.Marker(@currentLocation, { icon: locationIcon }) @addLayer(@layers.companyLocationMarker) @layers.companyLocationMarker.dragging.enable() @setView(@currentLocation, 15) jQuery $ -> osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png' osmTiles = new L.TileLayer osmUrl, maxZoom: 18 window.map = new EditMap 'map', attributionControl: false, zoom: 12, doubleClickZoom: false center: new L.LatLng(53.9060, 27.5549) map.addLayer osmTiles $("#location-detector-update").on 'click', (e) -> e.preventDefault() address = $("#location-address").val() errorElement = $("#location-error") if address.length > 0 $.ajax url: 'http://geocode-maps.yandex.ru/1.x/' type: 'get' data: geocode: address format: 'json' results: 1 ,success: (data) => if typeof(data) == 'string' data = JSON.parse(data) if data.response.GeoObjectCollection.featureMember.length > 0 _location = data.response.GeoObjectCollection.featureMember[0].GeoObject.Point.pos.split(" ") _location[0] = 0 if _location[0] == null _location[1] = 0 if _location[1] == null location = new L.LatLng(_location[1], _location[0]) map.setCompanyLocation location $('#coordinates-val').val(_location[0] + ", " + _location[1]) map.layers.companyLocationMarker.on 'dragend', (e) -> $('#coordinates-val').val(e.target._latlng.lng + ", " + e.target._latlng.lat) errorElement.html "" else errorElement.html "Unable to find" </code></pre> <p>production.rb is the same.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload