WordPress.org
Get WordPress

Plugin Directory

Changeset 1587395


Ignore:
Timestamp:
02/02/2017 02:54:05 PM (9 years ago)
Author:
ionutmorariu
Message:

CHG: map preview page same structure as markers preview page

File:
1 edited

Legend:

Unmodified
Added
Removed

  • scale-lite-tools/trunk/assets/js/admin.sl-maps.js

    r1587352 r1587395  
    11function slt_gmaps_init() {
     2
     3  // map admin page
     4  if(document.getElementById("preview_map_container")){
     5    var sl_preview_map = function() {
     6      var geocoder = new google.maps.Geocoder();
     7      // create map element
     8      var mapEl = document.getElementById("preview_map_container");
     9      var map = new google.maps.Map(mapEl, {
     10        zoom: 12,
     11        scrollwheel: false
     12      });
     13      function createMarker(myLocation) {
     14        var marker = new google.maps.Marker({
     15          position: myLocation,
     16          map: map
     17        });
     18      }
     19      function codeAddress(callback) {
     20        var address = document.getElementById('slt_meta-center-map-location').value;
     21        geocoder.geocode( { 'address': address}, function(results, status) {
     22          if (status == 'OK') {
     23            map.setCenter(results[0].geometry.location);
     24            var marker = new google.maps.Marker({
     25                map: map,
     26                position: results[0].geometry.location
     27            });
     28            document.getElementById("slt_meta-latitude").value = results[0].geometry.location.lat();
     29            document.getElementById("slt_meta-longitude").value = results[0].geometry.location.lng();
     30            callback(results[0].geometry.location,map);
     31          } else {
     32            alert('Geocode was not successful for the following reason: ' + status);
     33          }
     34        });
     35      }
     36      codeAddress(function(myLocation) { createMarker(myLocation, map);});
     37    };
     38    sl_preview_map();
     39
     40    var markerPreviewHandle = document.getElementById("slt-map-preview");
     41    markerPreviewHandle.addEventListener("click", function(e) {
     42      sl_preview_map();
     43    }, false);
     44  }
    245
    346  // marker admin page
    … …  
    4891      sl_preview_map();
    4992    }, false);
    50 
    51   }
    52 
    53 
    54 
    55 
    56 
    57 
    58 
    59 
    60 
    61 
    62 
    63 
    64 
    65 
    66   // map admin page
    67   if(document.getElementById("preview_map_container")){
    68     var sl_preview_map = function() {
    69       var geocoder = new google.maps.Geocoder();
    70       // create map element
    71       var mapEl = document.getElementById("preview_map_container");
    72       var map = new google.maps.Map(mapEl, {
    73         zoom: 12,
    74         scrollwheel: false
    75       });
    76       function mapCreate(myLocation) {
    77         var marker = new google.maps.Marker({
    78           position: myLocation,
    79           map: map
    80         });
    81         var marker = new google.maps.Marker({
    82           position: myLocation,
    83           map: map
    84         });
    85         var infowindow = new google.maps.InfoWindow({
    86           maxWidth: 250
    87         });
    88         infowindow.open(map, marker);
    89       }
    90       function codeAddress(map,callback) {
    91         var address = document.getElementById('slt_meta-center-map-location').value;
    92         geocoder.geocode({
    93           'address': address
    94         }, function(results, status) {
    95           document.getElementById("slt_meta-latitude").value = results[0].geometry.location.lat();
    96           document.getElementById("slt_meta-longitude").value = results[0].geometry.location.lng();
    97           map.setCenter(results[0].geometry.location);
    98           callback(results[0].geometry.location);
    99         });
    100 
    101       }
    102       codeAddress(map,function(myLocation) { mapCreate(myLocation);});
    103     };
    104     sl_preview_map();
    105     jQuery('#slt-map-preview').on('click', function() {
    106       sl_preview_map();
    107     });
    10893  }
    10994
Note: See TracChangeset for help on using the changeset viewer.