added possibility to select map marker icons

admin/js/travelermap-admin.js

@@ -29,8 +29,14 @@
         var _marker = null;
         var _map = null;
         var _fileFrame;
+        var _pluginUrl;
 
-        function _tm_init() {
+        var _mapsymbols = ["2hand.png","360degrees.png","abduction.png","aboriginal.png","accesdenied.png","acupuncture.png","administration.png","administrativeboundary.png","aed-2.png","agritourism.png","aircraftcarrier.png","aircraftsmall.png","air_fixwing.png","airport_apron.png","airport.png","airport_runway.png","airport_terminal.png","airshow-2.png","algae.png","alien.png","alligator.png","amphitheater-2.png","amphitheater.png","anchorpier.png","anemometer_mono.png","animal-shelter-export.png","anniversary.png","ant-export.png","anthropo.png","apartment-3.png","apple.png","aquarium.png","archery.png","arch.png","army.png","artgallery.png","art-museum-2.png","atm-2.png","atv.png","audio.png","australianfootball.png","avalanche1.png","award.png","badminton-2.png","bags.png","bank.png","barbecue.png","barber.png","bar_coktail.png","bar_juice.png","bar.png","barrier.png","baseball.png","basketball.png","bats.png","battlefield.png","battleship-3.png","beach.png","beachvolleyball.png","beautifulview.png","beautysalon.png","bed_breakfast1-2.png","beergarden.png","bicycle_shop.png","bigcity.png","bike_downhill.png","bike_rising.png","billiard-2.png","binoculars.png","birds-2.png","blast.png","boardercross.png","boatcrane.png","boat.png","bobsleigh.png","bollie.png","bomber-2.png","bomb.png","bouddha.png","bowling.png","boxing.png","bread.png","brewery1.png","bridge_modern.png","bridge_old.png","bulldozer.png","bullfight.png","bunker-2-2.png","bus.png","busstop.png","bustour.png","butcher-2.png","butterfly-2.png","cabin-2.png","cablecar.png","cafetaria.png","calendar-3.png","campfire-2.png","camping-2.png","candy.png","canyon-2.png","caraccident.png","car.png","carrental.png","carwash.png","casino-2.png","castle-2.png","cathedral.png","catholicgrave.png","caution.png","cave-2.png","cctv.png","cemetary.png","channelchange.png","chapel-2.png","chart-2.png","cheese.png","chemistry-2.png","chicken-2.png","childmuseum01.png","chiropractor.png","christmasmarket.png","church-2.png","cinema.png","circus.png","citysquare.png","citywalls.png","climbing.png","clock.png","closedroad.png","clothers_female.png","clothers_male.png","cloudy.png","cloudysunny.png","coffee.png","coins.png","comedyclub.png","comics.png","comment-map-icon.png","communitycentre.png","company.png","compost.png","computers.png","condominium.png","conference.png","congress.png","constructioncrane.png","construction.png","contract.png","conveniencestore.png","convent-2.png","conversation-map-icon.png","convertible.png","corral.png","country.png","court.png","cowabduction.png","cow-export.png","craftstore.png","cramschool.png","cricket.png","crimescene.png","cromlech.png","cropcircles.png","cross-2.png","crossingguard.png","cruiseship.png","cup.png","curling-2.png","currencyexchange.png","customs.png","cycling_feed.png","cycling.png","cycling_sprint.png","dam.png","dance_class.png","dancinghall.png","database.png","daycare.png","deepseafishing.png","deer.png","dentist.png","departmentstore.png","desert-2.png","dinopark.png","direction_down.png","disability.png","diving.png","dogs_leash.png","dolphins.png","doublebendright.png","downloadicon.png","drinkingfountain.png","drinkingwater.png","drugstore.png","duck-export.png","earthquake-3.png","eggs.png","elephants.png","elevator_down.png","elevator.png","elevator_up.png","embassy.png","entrance.png","exchequer.png","exit.png","expert.png","factory.png","fallingrocks.png","family.png","farm-2.png","farmstand.png","fastfood.png","female-2.png","ferriswheel.png","ferry.png","festival.png","fetalalcoholsyndrom.png","field.png","fillingstation.png","findajob.png","finish.png","fireexstinguisher.png","fire-hydrant-2.png","firemen.png","fire.png","fireworks.png","firstaid.png","fishchips.png","fishingboat.png","fishing.png","fishingstore.png","fitness.png","fjord-2.png","flag-export.png","flood.png","flowers.png","folder-2.png","fooddeliveryservice.png","foodtruck.png","footprint.png","ford-2.png","forest2.png","forest.png","fossils.png","foundry-2.png","fountain-2.png","fourbyfour.png","freqchg.png","frog-2.png","fruits.png","ft.png","funicolar-22x22.png","gas_cylinder1.png","gay-female.png","gay-male.png","geocaching-3.png","geothermal-site.png","geyser-2.png","ghosttown.png","gifts.png","glacier-2.png","glasses.png","golfing.png","gondola-2.png","gourmet_0star.png","grass.png","grocery.png","group-2.png","gumball_machine.png","handball.png","hanggliding.png","harbor.png","hare1.png","hats.png","haybale.png","headstone-2.png","helicopter.png","highhills.png","highschool.png","highway.png","hiking.png","historical_museum.png","historicalquarter.png","hoergeraeteakustiker_22px.png","home-2.png","homecenter.png","honeycomb.png","hookah_final.png","horseriding.png","hospital-building.png","hostel_0star.png","hotairbaloon.png","hotel_0star.png","hotspring.png","house.png","hunting.png","hut.png","icecream.png","icehockey.png","iceskating.png","icy_road.png","indoor-arena.png","information.png","iobridge.png","jacuzzi.png","japanese-food.png","japanese-lantern.png","japanese-sake.png","japanese-sweet-2.png","japanese-temple.png","jazzclub.png","jeep.png","jetfighter.png","jewelry.png","jewishgrave.png","jewishquarter.png","jogging.png","judo.png","junction.png","karate.png","karting.png","kayak1.png","kayaking.png","kebab.png","kingair.png","kiosk.png","kitesurfing.png","laboratory.png","lake.png","landfill.png","landmark.png","laterne.png","laundromat.png","levelcrossing.png","library.png","lifeguard-2.png","lighthouse-2.png","linedown.png","lingerie.png","liquor.png","lobster-export.png","lockerrental.png","lock.png","lodging_0star.png","love_date.png","loveinterest.png","magicshow.png","mainroad.png","male-2.png","mall.png","mapicon.png","map.png","marina-2.png","market.png","massage.png","mastcrane1.png","medicalstore.png","medicine.png","megalith.png","memorial.png","metronetwork.png","military.png","mine.png","missile-2.png","mobilephonetower.png","modernmonument.png","moderntower.png","monkey-export.png","monument-historique-icon-white-22x22.png","monument.png","moonstar.png","mosquee.png","mosquito-2.png","motel-2.png","motorbike.png","motorcycle.png","mountainbiking-3.png","mountain-pass-locator-diagonal-reverse-export.png","mountains.png","movierental.png","moving-walkway-enter-export.png","muffin_bagle.png","mural.png","museum_archeological.png","museum_art.png","museum_crafts.png","museum_industry.png","museum_naval.png","museum_openair.png","museum_science.png","museum_war.png","mushroom.png","music_choral.png","music_classical.png","music_hiphop.png","music_live.png","music.png","music_rock.png","nanny.png","ne_barn-2.png","newsagent.png","no-nuke-export.png","nordicski.png","notvisited.png","nursery.png","nursing_home_icon.png","observatory.png","office-building.png","oil-2.png","oilpumpjack.png","oilrig2.png","olympicsite.png","ophthalmologist.png","outlet2.png","out.txt","oyster-3.png","pagoda-2.png","paintball.png","paint.png","palace-2.png","palm-tree-export.png","panoramicview.png","paragliding.png","parasailing.png","parkandride.png","parkinggarage.png","parking-meter-export.png","party-2.png","patisserie.png","peace.png","pedestriancrossing.png","penguin-2.png","pens.png","perfumery.png","petanque.png","petroglyphs-2.png","pets.png","phantom.png","phones.png","photography.png","photo.png","picnic-2.png","pig.png","pin-export.png","pirates.png","pizzaria.png","planecrash.png","planetarium-2.png","playground.png","pleasurepier.png","poker.png","police.png","postal.png","powerlinepole.png","poweroutage.png","powerplant.png","powersubstation.png","prayer.png","presentation.png","price-tag-export.png","printer-2.png","prison.png","publicart.png","pyramid.png","quadrifoglio.png","radar.png","radiation.png","radio-control-model-car.png","radio-station-2.png","rainy.png","rape.png","reatorlogowhite-22x22.png","recycle.png","regroup.png","repair.png","rescue-2.png","resort.png","restaurant_african.png","restaurant_breakfast.png","restaurant_buffet.png","restaurant_chinese.png","restaurant_fish.png","restaurant_greek.png","restaurant_indian.png","restaurant_italian.png","restaurant_korean.png","restaurant_mediterranean.png","restaurant_mexican.png","restaurant.png","restaurant_romantic.png","restaurant_steakhouse.png","restaurant_tapas.png","restaurant_thai.png","restaurant_turkish.png","restaurant_vegetarian.png","revolt.png","riparianhabitat.png","river-2.png","road.png","roadtype_gravel.png","rockhouse.png","rodent.png","rollerskate.png","ropescourse.png","rowboat.png","rugbyfield.png","ruins-2.png","sailing.png","sandwich-2.png","sauna.png","sawmill-2.png","school.png","schreibwaren_web.png","scoutgroup.png","scubadiving.png","seals.png","segway.png","seniorsite.png","septic_tank.png","share.png","shark-export.png","shintoshrine.png","shipwreck.png","shoes.png","shooting.png","shootingrange.png","shore-2.png","shower.png","sight-2.png","signpost-2.png","sikh.png","skiing.png","skijump.png","skilifting.png","ski_shoe1.png","skis.png","skull.png","sledge.png","sledgerental.png","sledge_summer.png","slipway.png","smallcity.png","smiley_happy.png","smoking.png","snail.png","snakes.png","sneakers.png","snorkeling.png","snowboarding.png","snowmobiling.png","snowpark_arc.png","snowshoeing.png","snowy-2.png","soccer.png","solarenergy.png","sozialeeinrichtung.png","spaceport-2.png","spa.png","speed_50.png","speedhump.png","speedriding.png","spelunking.png","spider.png","splice.png","sportscar.png","sportutilityvehicle.png","square-compass.png","squash-2.png","stadium.png","stairs.png","star-3.png","stargate-raw.png","start-race-2.png","statue-2.png","steamtrain.png","stop.png","strike.png","stripclub2.png","submarine-2.png","sugar-shack.png","summercamp.png","sumo-2.png","sunny.png","sunsetland.png","supermarket.png","surfacelift.png","surfing.png","surfpaddle.png","surveying-2.png","swimming.png","synagogue-2.png","taekwondo-2.png","tailor.png","takeaway.png","targ.png","taxiboat.png","taxi.png","taxiway.png","teahouse.png","tebletennis.png","telephone.png","temple-2.png","templehindu.png","tennis.png","terrace.png","textiles.png","text.png","theater.png","theft.png","themepark.png","therapy.png","theravadapagoda.png","theravadatemple.png","thunderstorm.png","ticket_office2.png","tidaldiamond.png","tiger-2.png","tires.png","toilets.png","tollstation.png","tools.png","tornado-2.png","torture.png","tower.png","townhouse.png","toys.png","trafficcamera.png","trafficlight.png","train.png","tramway.png","trash.png","travel_agency.png","treasure-mark.png","treedown.png","triskelion.png","trolley.png","truck3.png","tsunami.png","tunnel.png","turtle-2.png","tweet.png","ufo.png","umbrella-2.png","underground.png","university.png","u-pick_stand.png","usfootball.png","van.png","vespa.png","veterinary.png","videogames.png","video.png","villa.png","vineyard-2.png","volcano-2.png","volleyball.png","waiting.png","walkingtour.png","warehouse-2.png","war.png","watercraft.png","waterfall-2.png","watermill-2.png","waterpark.png","water.png","waterskiing.png","watertower.png","waterwell.png","waterwellpump.png","webcam.png","wedding.png","weights.png","wetlands.png","whale-2.png","wifi.png","wiki-export.png","wildlifecrossing.png","wind-2.png","windmill-2.png","windsurfing.png","windturbine.png","winebar.png","winetasting.png","woodshed.png","workoffice.png","workshop.png","worldheritagesite.png","world.png","worldwildway.png","wrestling-2.png","yoga.png","yooner.png","you-are-here-2.png","youthhostel.png","zombie-outbreak1.png","zoom.png","zoo.png"];
+
+        function _tm_init(data) {
+            if(data) {
+                _pluginUrl = data['pluginurl'];
+            }
             // create a map in the "map" div, set the view to a given place and zoom
             _map = L.map('tm_map').setView([0, 0], 3);
 
@@ -61,7 +67,33 @@
             $('#tm_icon').on('change', function() {
                 _tm_enableControls($.extend(_currentSelection.data('point'),{icon: $('#tm_icon').val()}));
             });
-        }
+            $('#tm_mapsymbols').find('a').on('click', function() {
+                var dialog = $('<div></div>');
+
+                var onclick = function(evt) {
+                    $('#tm_mapsymbols').find('img').attr('src', $(this).attr('data-url'));
+                    dialog.dialog('destroy');
+                };
+
+                var ul = $('<ul></ul>');
+                for(var i = 0; i < _mapsymbols.length; i++) {
+                    var url = _pluginUrl + 'media/mapsymbols/' + _mapsymbols[i];
+                    var li = $('<li style="cursor:pointer;" data-url="'+ url +'"><img src="'+url+'"></img>'+_mapsymbols[i]+'</li>')
+                    ul.append(li);
+                    li.on('click', onclick);
+                }
+                dialog.append(ul);
+                dialog.dialog({buttons: [
+                        {text: "Cancel", click: function() {
+                                $(this).dialog("destroy");
+                            }}
+                    ], minHeight:400, minWidth: 400, maxHeight:400});
+                dialog.on('close', function() {
+                    dialog.dialog('destroy');
+                });
+            });
+            $('#tm_mapsymbols').find('img').attr('src', _pluginUrl + 'media/mapsymbols/information.png');
+        } 
 
         function _tm_editPoint(elem) {
             if (_currentSelection) {
@@ -77,6 +109,7 @@
             }
             $('#tm_icon').val(data.icon);
             $('#tm_icon_color').val(data.iconColor);
+            $('#tm_mapsymbols').find('img').attr('src', data.mapsymbols);
             $('#tm_thumbnail').val(data.thumbnail);
             if (data.date) {
                 var date = new Date(data.date);
@@ -222,6 +255,7 @@
                 "date": $('#tm_date').val() !== '' ? Date.parse($('#tm_date').val()) : null,
                 "icon": $('#tm_icon').val(),
                 "iconColor": $('#tm_icon_color').val(),
+                "mapsymbols" : $('#tm_mapsymbols').find('img').attr('src'),
                 "thumbnail": $('#tm_thumbnail').val(),
                 "fullsize": $('#tm_fullsize').val(),
                 "mediaId": parseInt($('#tm_mediaid').val()),

admin/travelermap-editmap.php

@@ -43,7 +43,7 @@ function travelermap_editmap() {
 <script type="text/javascript">
     (function($) {
     $(document).ready(function() {
-    window.tm_init();
+    window.tm_init({"pluginurl" : "<?php echo TM_URL ?>"});
     window.tm_loadAdminMap('<?php echo $map->map ?>');    
     });
 })(jQuery);

frontend/js/travelermap-frontend.js

@@ -33,9 +33,9 @@
 
         var tm_mapSymbols = L.Icon.extend({
             options: {
-                iconSize:     [50, 50],
-                iconAnchor:   [25, 25],
-                popupAnchor:  [0, -25]
+                iconSize:     [32, 37],
+                iconAnchor:   [16, 35],
+                popupAnchor:  [0, -35]
             }
         });
 
@@ -332,9 +332,14 @@
                             var icon = new tm_thumbnailIcon({
                                 iconUrl: feature.thumbnail
                             });
-                            wp = L.marker([feature.lat, feature.lng], {icon:icon});                            
+                            wp = L.marker([feature.lat, feature.lng], {icon:icon});
+                        } else if(feature.icon === '_mapsymbols' && feature.mapsymbols) {
+                            var icon = new tm_mapSymbols({
+                                iconUrl: feature.mapsymbols
+                            });
+                            wp = L.marker([feature.lat, feature.lng], {icon:icon});
                         } else {
-                            feature.icon === '_default';
+                            feature.icon = "_default";
                         }
                         if(feature.icon === '_default' || feature.icon === '_dot') {
                             wp = L.circleMarker([feature.lat, feature.lng], {radius: 5, fillOpacity:1, color:lineColor});
@@ -362,6 +367,9 @@
                         if(feature.icon === '_thumbnail' && !feature.thumbnail) {
                             feature.icon === '_default';
                         }
+                        if(feature.icon === '_mapsymbols' && !feature.mapsymbols) {
+                            feature.icon === '_default';
+                        }
                         if(feature.icon === '_default') {
                             if(!iconName) {
                                 iconName="circle";
@@ -383,7 +391,12 @@
                                 iconUrl: feature.thumbnail
                             });
                             marker = L.marker([feature.lat, feature.lng], {icon:icon});
-                        }else {
+                        } else if(feature.icon === '_mapsymbols') {
+                            var icon = new tm_mapSymbols({
+                                iconUrl: feature.mapsymbols
+                            });
+                            marker = L.marker([feature.lat, feature.lng], {icon:icon});
+                        } else {
                             var icon = L.AwesomeMarkers.icon({
                                 icon: iconName,
                                 markerColor: feature.iconColor,