第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

縮放 +- 按鈕上方的 Google 地圖信息窗口彈出窗口?

縮放 +- 按鈕上方的 Google 地圖信息窗口彈出窗口?

有只小跳蛙 2023-03-03 10:21:21
在https://jsfiddle.net/2tcubr9a/中,如何使信息窗口出現(xiàn)在 + - 縮放按鈕的頂部而不是它們的下方?我試過了:infowindow.setZIndex(99999);但這沒有任何區(qū)別。截屏:腳本:function initMap() {         var map = new google.maps.Map(document.getElementById('map'), {            center: {lat: 46.613317, lng: 2.349830},            zoom: 9         });setMarkers(map);      }var points = [    ['Point 1', 'adresse 1 ', 46.613317, 2.249830],    ['Point 2', 'adresse 2 ', 46.713317, 2.249830],    ['Point 3', 'adresse 3 ', 46.613317, 2.349830],    ['Point 4', 'adresse 4 ', 46.713317, 2.449830],    ['Point 5', 'adresse 5 ', 46.613317, 2.449830],    ['Point 1', 'adresse 1 ', 46.413317, 2.249830],    ['Point 2', 'adresse 2 ', 46.513317, 2.249830],    ['Point 3', 'adresse 3 ', 46.513317, 2.349830],    ['Point 4', 'adresse 4 ', 46.413317, 2.449830],    ['Point 5', 'adresse 5 ', 46.513317, 2.449830],];var markersC = [];function setMarkers(map) { var infowindow = new google.maps.InfoWindow();    for (var i = 0; i < points.length; i++) {        var point = points[i];        var marker = new google.maps.Marker({                                                position: {lat: point[2], lng: point[3]},                                                map: map,                                                title: point[0],                                            });markersC.push(marker);        var contentString = '<div class="marker-infowindow">' +                            '<h2>'+point[0]+'</h1>'+                            '<div><a target="_blank" href="https://tutoandco.colas-delmas.fr/developpement/inserer-carte-google-maps-wordpress/?utm_source=jsfiddle&utm_medium=website">Voir le tuto complet</a></div></div>';    }如果有人以前做過或者可以編輯 JSFiddle 使信息窗口彈出出現(xiàn)在縮放按鈕上,我們將不勝感激。
查看完整描述

1 回答

?
偶然的你

TA貢獻(xiàn)1841條經(jīng)驗(yàn) 獲得超3個(gè)贊

這個(gè) jsfiddle 為信息窗口創(chuàng)建一個(gè)自定義 div:

http://jsfiddle.net/b170s71d/3/

var geocoder;

var map;

var overlay;


function initialize() {

  var map = new google.maps.Map(

    document.getElementById("map_canvas"), {

      center: new google.maps.LatLng(37.4419, -122.1419),

      zoom: 13,

      mapTypeId: google.maps.MapTypeId.ROADMAP

    });

  var marker = new google.maps.Marker({

    map: map,

    draggable: true,

    position: map.getCenter()

  });


  google.maps.event.addListener(map, 'projection_changed', function() {

    overlay = new google.maps.OverlayView();

    overlay.draw = function() {};

    overlay.setMap(map);


    var info = document.getElementById('myinfo');

    google.maps.event.addListener(marker, 'click', function(e) {

      var point = overlay.getProjection().fromLatLngToDivPixel(e.latLng);

      var point2 = overlay.getProjection().fromLatLngToContainerPixel(e.latLng);

      document.getElementById('info').innerHTML = "click:" + e.latLng.toUrlValue(6) + "<br>pointD:" + point.x + "," + point.y + "<br>pointC" + point2.x + "," + point2.y;

      info.style.left = (point2.x - 100) + 'px';

      info.style.top = (point2.y - 60) + 'px';

      info.style.display = 'block';

    });

    google.maps.event.addListener(map, 'center_changed', function(e) {

      var point = overlay.getProjection().fromLatLngToDivPixel(marker.getPosition());

      var point2 = overlay.getProjection().fromLatLngToContainerPixel(marker.getPosition());

      document.getElementById('info').innerHTML = "marker:" + marker.getPosition().toUrlValue(6) + "<br>pointD:" + point.x + "," + point.y + "<br>pointC" + point2.x + "," + point2.y;

      info.style.left = (point2.x - 100) + 'px';

      info.style.top = (point2.y - 60) + 'px';

      info.style.display = 'block';

    });

    google.maps.event.addListener(marker, 'drag', function(e) {

      var point = overlay.getProjection().fromLatLngToDivPixel(marker.getPosition());

      var point2 = overlay.getProjection().fromLatLngToContainerPixel(marker.getPosition());

      document.getElementById('info').innerHTML = "marker:" + marker.getPosition().toUrlValue(6) + "<br>pointD:" + point.x + "," + point.y + "<br>pointC" + point2.x + "," + point2.y;

      info.style.left = (point2.x - 100) + 'px';

      info.style.top = (point2.y - 60) + 'px';

      info.style.display = 'block';

    });


  });

}

google.maps.event.addDomListener(window, "load", initialize);


查看完整回答
反對 回復(fù) 2023-03-03
  • 1 回答
  • 0 關(guān)注
  • 158 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號