我有 2 個(gè)輸入字段以及 Map div，這里當(dāng)我切換時(shí)，選項(xiàng)卡焦點(diǎn)將從第一個(gè)輸入字段轉(zhuǎn)到地圖內(nèi)的名稱和鏈接，在傳遞到所有地圖名稱后，它到達(dá)第二個(gè)輸入字段。我嘗試在地圖函數(shù)內(nèi)將 tabindex 設(shè)置為 -1，但沒有任何效果。任何人都可以幫助我，如何使這項(xiàng)工作有效。TS： var map = new window["google"].maps.Map(this.gmapElement.nativeElement, { center: { lat: 37.1587963, lng: -100.5623315 }, zoom: 2 }); google.maps.event.addListener(map, "titlesLoaded", function() { [].slice.apply(this.gmapElement.nativeElement).forEach(function(item) { item.setAttribute("tabindex", "-1"); });HTML： <div class="col" > <a href="javascript:void(0);" tabindex="-1">View on Map</a> <div style="position: relative; overflow: hidden;width:100%;height:400px" #mapRef> </div>演示版
1 回答
當(dāng)年話下
TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個(gè)贊
正如我在評論中所說，您只需在 2 個(gè)輸入上添加tabindex="1"和即可。tabindex="2"
工作代碼片段：
var map;
function initialize() {
// Create the map and center on deault location
map = new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(0, 0),
zoom: 3
});
}
#map {
height: 120px;
width: 100%
}
<input type="text" tabindex="1">
<div id="map"></div>
<input type="text" tabindex="2">
<!-- Replace the value of the key parameter with your own API key. -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initialize" async defer></script>
- 1 回答
- 0 關(guān)注
- 125 瀏覽
添加回答
舉報(bào)
0/150
提交
取消