• 02-05-2019, 02:25:41
    #1
    merhabalar web sitemdeki google maps de 2 konum seçili ayarlamayı nasıl yapabiliriz acaba
    şimdiden sağolun
  • 02-05-2019, 02:36:42
    #2
    Emin ol şuan seni kimse anlamadı detay verirsen.
  • 02-05-2019, 02:48:11
    #3
    Kurumsal PLUS
    Eyupoglu adlı üyeden alıntı: mesajı görüntüle
    Emin ol şuan seni kimse anlamadı detay verirsen.
    Şair diyor ki,

    Google maps eklicem siteme ama iki tane konum seçmek yani işaretlemek istiyorum.

    Tek konum değilde lokasyon tarzı
  • 02-05-2019, 02:52:58
    #4
    WebxGroup adlı üyeden alıntı: mesajı görüntüle
    Şair diyor ki,

    Google maps eklicem siteme ama iki tane konum seçmek yani işaretlemek istiyorum.

    Tek konum değilde lokasyon tarzı
    çok sagolun, evet sitemize gömülü maps de 2 konum gözüksün istiyoruz
  • 02-05-2019, 02:54:40
    #5
    Kurumsal PLUS
    Buriilechat adlı üyeden alıntı: mesajı görüntüle
    çok sagolun, evet sitemize gömülü maps de 2 konum gözüksün istiyoruz
    Ben yapardım ama yurtdışına gidiyorum 2 saat sonra, akşam 7 gibi geri döneceğim. Beklerseniz beraber yaparız
  • 02-05-2019, 02:55:45
    #6
    WebxGroup adlı üyeden alıntı: mesajı görüntüle
    Ben yapardım ama yurtdışına gidiyorum 2 saat sonra, akşam 7 gibi geri döneceğim. Beklerseniz beraber yaparız
    tamamdır hocam beklemedeyim yardımcı olabilecek birisi çıkmazsa
  • 02-05-2019, 03:23:04
    #7
    Buriilechat adlı üyeden alıntı: mesajı görüntüle
    merhabalar web sitemdeki google maps de 2 konum seçili ayarlamayı nasıl yapabiliriz acaba
    şimdiden sağolun
    aşağıdaki adımları sırayla takip edin

    1. Adım:
    Css Dosyanızın içine aşağıdaki kodları ekleyin eğer wordpress kullanıyorsanız muhtemelen temanızın yönetim panelinde "custom css" kısmı vardır oraya aşağıdaki kodu ekleyin
    #map_wrapper { height: 400px;}#map_canvas { width: 100%; height: 100%;}
    2.adım yine aynı şekilde bir java script dosyası oluşturun eğer wordpress kullanıyorsanız muhtemelen temanızın yönetim panelinde "custom js" kısmı vardır oraya aşağıdaki kodu ekleyin

    jQuery(function($) {    // Asynchronously Load the map API     var script = document.createElement('script');    script.src = "//maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";    document.body.appendChild(script);});function initialize() {    var map;    var bounds = new google.maps.LatLngBounds();    var mapOptions = {        mapTypeId: 'roadmap'    };                        // Display a map on the page    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);    map.setTilt(45);            // Multiple Markers    var markers = [        ['London Eye, London', 51.503454,-0.119562],        ['Palace of Westminster, London', 51.499633,-0.124755]    ];                            // Info Window Content    var infoWindowContent = [        ['<div class="info_content">' +        '<h3>London Eye</h3>' +        '<p>The London Eye is a giant Ferris wheel situated on the banks of the River Thames. The entire structure is 135 metres (443 ft) tall and the wheel has a diameter of 120 metres (394 ft).</p>' +        '</div>'],        ['<div class="info_content">' +        '<h3>Palace of Westminster</h3>' +        '<p>The Palace of Westminster is the meeting place of the House of Commons and the House of Lords, the two houses of the Parliament of the United Kingdom. Commonly known as the Houses of Parliament after its tenants.</p>' +        '</div>']    ];            // Display multiple markers on a map    var infoWindow = new google.maps.InfoWindow(), marker, i;        // Loop through our array of markers & place each one on the map      for( i = 0; i < markers.length; i++ ) {        var position = new google.maps.LatLng(markers[i][1], markers[i][2]);        bounds.extend(position);        marker = new google.maps.Marker({            position: position,            map: map,            title: markers[i][0]        });                // Allow each marker to have an info window            google.maps.event.addListener(marker, 'click', (function(marker, i) {            return function() {                infoWindow.setContent(infoWindowContent[i][0]);                infoWindow.open(map, marker);            }        })(marker, i));        // Automatically center the map fitting all markers on the screen        map.fitBounds(bounds);    }    // Override our map zoom level once our fitBounds function runs (Make sure it only runs once)    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {        this.setZoom(14);        google.maps.event.removeListener(boundsListener);    });    }
    kodu eklerken yukarda vermiş olduğum kodda
    var markers = [        ['London Eye, London', 51.503454,-0.119562],        ['Palace of Westminster, London', 51.499633,-0.124755]* * ];
    olan kısımlardaki koordinatları kendi konumunuza göre belirleyin artık kaç tane istiyorsanız
    daha sonra koordinat düzeltmesi yaptıktan sonra
    // Info Window Content

    kısmının altındaki alanları kendinize göre düzenleyin bu alan işaretlediğiniz konumlarda görünecek açıklama kısımlarıdır.

    3. Adım

    artık hangi sayfada görünmesini istiyorsanız oraya şu küçücük html kodunu eklemeniz yeterli

    <div id="map_wrapper">    <div id="map_canvas" class="mapping"></div></div>
    r10 kod ekleme bölümü düzgün çalışmadığı için kodu daha anlaşılır kopyalayabilmeniz için aşağıya dosya olarakta ekliyorum. aynı zamanda virüs total sonuçlarını da ekliyorum ki içiniz rahat olsun

    iyi çalışmalar

    Virus total sonucu: https://www.virustotal.com/gui/file/...9285/detection
    Dosya linki : http://s7.dosya.tc/server14/lqn2ut/b...konum.zip.html

    ARTIK ALIRIM BI R10+
  • 02-05-2019, 03:23:51
    #8
    RiskForDream adlı üyeden alıntı: mesajı görüntüle
    aşağıdaki adımları sırayla takip edin

    1. Adım:
    Css Dosyanızın içine aşağıdaki kodları ekleyin eğer wordpress kullanıyorsanız muhtemelen temanızın yönetim panelinde "custom css" kısmı vardır oraya aşağıdaki kodu ekleyin
    #map_wrapper { height: 400px;}#map_canvas { width: 100%; height: 100%;}
    2.adım yine aynı şekilde bir java script dosyası oluşturun eğer wordpress kullanıyorsanız muhtemelen temanızın yönetim panelinde "custom js" kısmı vardır oraya aşağıdaki kodu ekleyin

    jQuery(function($) {    // Asynchronously Load the map API     var script = document.createElement('script');    script.src = "//maps.googleapis.com/maps/api/js?sensor=false&callback=initialize";    document.body.appendChild(script);});function initialize() {    var map;    var bounds = new google.maps.LatLngBounds();    var mapOptions = {        mapTypeId: 'roadmap'    };                        // Display a map on the page    map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);    map.setTilt(45);            // Multiple Markers    var markers = [        ['London Eye, London', 51.503454,-0.119562],        ['Palace of Westminster, London', 51.499633,-0.124755]    ];                            // Info Window Content    var infoWindowContent = [        ['<div class="info_content">' +        '<h3>London Eye</h3>' +        '<p>The London Eye is a giant Ferris wheel situated on the banks of the River Thames. The entire structure is 135 metres (443 ft) tall and the wheel has a diameter of 120 metres (394 ft).</p>' +        '</div>'],        ['<div class="info_content">' +        '<h3>Palace of Westminster</h3>' +        '<p>The Palace of Westminster is the meeting place of the House of Commons and the House of Lords, the two houses of the Parliament of the United Kingdom. Commonly known as the Houses of Parliament after its tenants.</p>' +        '</div>']    ];            // Display multiple markers on a map    var infoWindow = new google.maps.InfoWindow(), marker, i;        // Loop through our array of markers & place each one on the map      for( i = 0; i < markers.length; i++ ) {        var position = new google.maps.LatLng(markers[i][1], markers[i][2]);        bounds.extend(position);        marker = new google.maps.Marker({            position: position,            map: map,            title: markers[i][0]        });                // Allow each marker to have an info window            google.maps.event.addListener(marker, 'click', (function(marker, i) {            return function() {                infoWindow.setContent(infoWindowContent[i][0]);                infoWindow.open(map, marker);            }        })(marker, i));        // Automatically center the map fitting all markers on the screen        map.fitBounds(bounds);    }    // Override our map zoom level once our fitBounds function runs (Make sure it only runs once)    var boundsListener = google.maps.event.addListener((map), 'bounds_changed', function(event) {        this.setZoom(14);        google.maps.event.removeListener(boundsListener);    });    }
    kodu eklerken yukarda vermiş olduğum kodda
    var markers = [        ['London Eye, London', 51.503454,-0.119562],        ['Palace of Westminster, London', 51.499633,-0.124755]* * ];
    olan kısımlardaki koordinatları kendi konumunuza göre belirleyin artık kaç tane istiyorsanız
    daha sonra koordinat düzeltmesi yaptıktan sonra
    // Info Window Content

    kısmının altındaki alanları kendinize göre düzenleyin bu alan işaretlediğiniz konumlarda görünecek açıklama kısımlarıdır.

    3. Adım

    artık hangi sayfada görünmesini istiyorsanız oraya şu küçücük html kodunu eklemeniz yeterli

    <div id="map_wrapper">    <div id="map_canvas" class="mapping"></div></div>
    r10 kod ekleme bölümü düzgün çalışmadığı için kodu daha anlaşılır kopyalayabilmeniz için aşağıya dosya olarakta ekliyorum. aynı zamanda virüs total sonuçlarını da ekliyorum ki içiniz rahat olsun

    iyi çalışmalar

    Virus total sonucu: https://www.virustotal.com/gui/file/...9285/detection
    Dosya linki : http://s7.dosya.tc/server14/lqn2ut/b...konum.zip.html

    ARTIK ALIRIM BI R10+
    hocam sizi görmedim. bilginiz için çok sagolun. azcık üzerine gittim ve çözdüm
  • 02-05-2019, 03:33:20
    #9
    Buriilechat adlı üyeden alıntı: mesajı görüntüle
    tamamdır hocam beklemedeyim yardımcı olabilecek birisi çıkmazsa
    hocam google maps'e giriyorsunuz. Sol üstten menü > yerleriniz > haritalar > harita oluşturun var altta.

    yeni bir pencere açılacak ona tıklayınca. başlık ve bir açıklama girip kaydedin.

    bu resimdeki marker işaretini seçip istediğiniz yere ekleyin. daha sonra kaydedin. ikinci marker'ı da aynı şekilde ekleyin ve kaydedin.
    paylaşma ayarlarından gizliliği herkese açık şekilde kaydedip tamam diyin. daha sonra <iframe> tagı ile embed kodunu alın yerleştirin.