Új hozzászólás Aktív témák

• Sk8erPeter nagyúr

  #3773

  #3772 bazsika33

  2013-10-16 21:15:19

  Új Válasz

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  

  Sk8erPeter

  nagyúr

  #3772 bazsika33

  #3772 bazsika33

  Jó estét, Lenne 1 kérdésem, íme:

  Az a gondom h van közel 100 markerem és jó lenne ha a térkép center-ét a html-ben tudnám megadni (tehát a Fehérház html-en a Fehérház marker-je legyen a térképem központja). A js-be alapból meg kell vmi center-t adni (és így minden html-ben ugyanaz lesz a center - még akkor is ha a center-t a html-ben is megadom...).
  Bocsánat, kicsit láma vagyok ehhez a témához. Ami eddig van azt is hetek alatt sikerült összehoznom. De legalább ismerkedem a témával......
  Tehát azt szeretném h a center-t a html-ben tudjam beállítani. Minden további adatot pedig a js-em tartalmazza.
  Tippek? Egyáltalán meg lehet ezt oldani vhogyan? Köszi...

  Tehát tömören a kódok:

  ---------- HTML ----------
  <script>
  function initialize() {
  var mapOptions = {
  zoom: 13,
  center: new google.maps.LatLng(20.805121,20.436148),
  mapTypeId: google.maps.MapTypeId.NORMAL
  };

  var map = new google.maps.Map(document.getElementById('map-canvas'),
  mapOptions);
  }

  function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
  'callback=initialize';
  document.body.appendChild(script);
  }

  window.onload = loadScript;

  </script>

  ---------- JS ----------
  var map;
  var marker;
  var icon;
  var image;
  var link;
  var to_html;
  var from_html;
  var infowindow;
  function initialize() {
  var mapOptions = {
  center: new google.maps.LatLng(10.777916,10.270348),
  zoom: 13,
  mapTypeId: google.maps.MapTypeId.NORMAL,

  };
  var map = new google.maps.Map(document.getElementById("map_canvas"),
  mapOptions);

  // -------------- MARKER 1

  var myLatlng = new google.maps.LatLng(0.805121,0.436148);
  var marker1 = new google.maps.Marker({
  position: myLatlng,
  map: map,
  icon: new google.maps.MarkerImage('../img/b.png'),
  tooltip: '...'
  });

  var tooltip1 = new Tooltip({map: map}, marker1);
  tooltip1.bindTo("text", marker1, "tooltip");
  google.maps.event.addListener(marker1, 'mouseover', function() {
  tooltip1.addTip();
  tooltip1.getPos2(marker1.getPosition());
  });
  google.maps.event.addListener(marker1, 'click', function() {
  map.setCenter(this.getPosition());
  map.setZoom(15);
  window.location.href = marker.url;
  });

  google.maps.event.addListener(marker1, 'mouseout', function() {
  tooltip1.removeTip();
  });
  // -------- END OF 1st MARKER

  // -------------- MARKER 2

  var myLatlng = new google.maps.LatLng(1.883236,1.443302);
  var marker2 = new google.maps.Marker({
  position: myLatlng,
  map: map,
  icon: new google.maps.MarkerImage('../img/c.png'),
  tooltip: '...'
  });

  var tooltip2 = new Tooltip({map: map}, marker2);
  tooltip2.bindTo("text", marker2, "tooltip");
  google.maps.event.addListener(marker2, 'mouseover', function() {
  tooltip2.addTip();
  tooltip2.getPos2(marker2.getPosition());
  });

  google.maps.event.addListener(marker2, 'mouseout', function() {
  tooltip2.removeTip();
  });
  // -------- END OF 2nd MARKER
  }

  Mindezt rakd fel kérlek jsFiddle-re, hogy ne nekünk kelljen vele tökölnünk:

  http://jsfiddle.net

  értelemszerűen mindenféle kódot a saját panelébe, HTML-t a HTML-hez, JavaScript-kódot a JavaScript-panelbe, CSS-kódot a CSS-panelbe, aztán mentsd el a Save-re kattintva, majd a kapott URL-t dobd be ide nekünk.

Új hozzászólás Aktív témák