Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- marker = new ol.Feature({
- geometry: new ol.geom.Point([longitude, latitude]),
- name: "Location Marker"
- });
- markerStyle = new ol.style.Style({
- image: new ol.style.Icon({
- anchor: [0.5, 1.0],
- anchorXUnits: "fraction",
- anchorYUnits: "fraction",
- src: "Content/Images/OpenLayers/marker_trans.png"
- }),
- zIndex: 100000
- });
- marker.setStyle(markerStyle);
- marker.on("click", function(e) {
- // do something
- }, marker);
- map.getSource().addFeature(marker);
- map.on("click", function(e) {
- // do something
- }, marker);
- map.on("click", function(e) {
- map.forEachFeatureAtPixel(e.pixel, function (feature, layer) {
- //do something
- })
- });
- $(map.getViewport()).on("click", function(e) {
- map.forEachFeatureAtPixel(map.getEventPixel(e), function (feature, layer) {
- //do something
- });
- });
- map.getViewport().addEventListener("click", function(e) {
- map.forEachFeatureAtPixel(map.getEventPixel(e), function (feature, layer) {
- //do something
- });
- });
- interaction.getFeatures().on("add", function (e) {
- // do something. e.element is the feature which was added
- });
- var map = new ol.Map({
- target: 'map',
- layers: [
- new ol.layer.Tile({
- source: new ol.source.MapQuest({layer: 'sat'})
- })
- ],
- view: new ol.View({
- center: ol.proj.transform([37.41, 8.82], 'EPSG:4326', 'EPSG:3857'),
- zoom: 4
- })
- });
- map.on("click", function(evt) {
- var coord = ol.proj.transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
- var lon = coord[0];
- var lat = coord[1];
- alert(lon);
- alert(lat);
- });
- <style>
- #marker {
- width: 20px;
- height: 20px;
- border: 1px solid #088;
- border-radius: 10px;
- background-color: #0FF;
- opacity: 0.5;
- }
- </style>
- // add marker
- var pos = ol.proj.fromLonLat([0.01123, 0.00612]);
- var marker = new ol.Overlay({
- position: pos,
- positioning: 'center-center',
- element: $('<div id="marker" title="Marker"></div>')
- .popover({
- 'placement': 'top',
- 'html': true,
- 'content': '<strong>anything...</strong>'
- })
- .on('click', function (e) { $(".location-popover").not(this).popover('hide'); }),
- stopEvent: false
- });
- map.addOverlay(marker);
Add Comment
Please, Sign In to add comment