亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我可以將 html 對象“粘貼”到圖標或地圖的移動部分嗎?

我可以將 html 對象“粘貼”到圖標或地圖的移動部分嗎?

撒科打諢 2022-12-22 12:14:52
問題可能看起來有點含糊。我有一個 mapquest 地圖,我用傳單圖標標記它。這些圖標以編程方式添加,即:var marker = L.marker([40.613953, -75.477791], {icon: cameraIcon}).addTo(Window.map); marker.id = "MyMarker"; marker.addEventListener("click", loadSomething);在 loadSomething 函數中,我希望能夠將 iframe 附加到該圖標?,F在我所做的只是獲取單擊事件的 x/y 并在該位置的頁面上創建一個對象。問題是,當地圖移動(隨后我的圖標移動)時,我創建的對象顯然固定在原始 x/y 上。我希望能夠附加那個對象。傳單的開發者論壇有簡單的選項可以將圖像/視頻和類似的簡單項目添加到地圖,但對于非標準的 html 項目,我很好奇是否有面向 css 的解決方案。我檢查了頁面,圖標本身沒有“id”,我正在考慮使用它來獲取項目并假設繼承其樣式。有任何想法嗎?
查看完整描述

1 回答

?
米脂

TA貢獻1836條經驗 獲得超3個贊

解決方案非常簡單,可以將自定義 HTML 內容嵌入到標記彈出窗口中。這是一個簡單的例子:


Window.map = L.map('map', {

    layers: mapLayer,

    center: [ 40.613953, -75.477791],

    zoom: 12

});



var cameraIcon = L.icon({

iconUrl: 'ipcam.png',

});




var marker = L.marker([40.613953, -75.477791], {icon: cameraIcon}).addTo(Window.map);

marker.bindPopup('<iframe src="test.html" width="300px" height="300px" style="border:none;"></iframe>').openPopup();

marker.importantInfo = "Testing Important Marker Info";

marker.id = "MyMarker";


查看完整回答
反對 回復 2022-12-22
  • 1 回答
  • 0 關注
  • 74 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號