使用 React 在圖像上放置互動式標記

請幫忙。我有一個像下圖這樣的圖像顯示在主頁上（一個更大的圖像）。請注意，「FORGE」房屋的中間有一個白色和藍色標記，並帶有黑色箭頭。 「出租」房屋也是如此。這些標記中的每一個都將充當互動式按鈕。以下是預期的互動行為：將滑鼠懸停時，藍色背景將展開以顯示「Forge」或「Rentals」等文字點擊後，它將引導使用者前往對應的「Forge」或「Rentals」頁面。也希望它能夠響應，如果當螢幕調整大小時，

P粉896751037 2023-09-08 21:25:41 0  1  826

求一款javascript地圖標記插件

1，有沒有這樣一款javascript插件可以實現下面這種效果左側的三個物件可以拖曳到右側地圖上，拖曳到地圖上鬆開滑鼠後會在地圖上留下一個標記（用來標記地圖位置），放開滑鼠後彈出可以編輯的對話框。

怪我咯 2017-05-18 10:49:58 0  1  601

如何在Open Layers地圖上插入一個標記？

目前正在建立一個地圖應用程式。嘗試在互聯網上找到的所有方法來添加標記，但仍然不起作用。我是不是做錯了什麼？這是我的Angular程式碼：不知何故，使用Leaflet要容易得多，但我不想那麼早就放棄OpenLayers。 exportclassMapComponentimplementsOnInit{map!:Map;marker!:any;center=fromLonLat([5.5697,50.6330

P粉099145710 2023-09-12 18:30:03 0  1  661

從 HTML 匯出/下載帶有疊加層和標記的 Mapbox 地圖

我想建立一個HTML頁面，客戶可以在其中建立他們的個人化地圖。我使用Mapbox來創建這個。在此地圖之上有一個覆蓋層，客戶也可以在地圖上放置標記。但我正在努力解決兩個大問題：如何獲得高品質的地圖圖片，包括疊加層和標記。因為我想把它們印在海報上。我如何在我的網上商店中實現此邏輯，以便在客戶單擊“保存”並進行購買後，這張圖片將發送到我的伺服器，以便我可以列印它。 https://www.cartida

P粉459578805 2024-03-29 11:15:04 0  1  490

Git如何把本地和github互動程式碼

我是window系統git安裝好了，怎麼配置才能有讓我本地專案程式碼和github上面進行有效的互動。我想弄個個人靜態博客，不太清楚怎麼配置。還請各位大神指點謝謝

为情所困 2017-05-02 09:35:00 0  1  577

想實現地圖找房功能？有沒這樣的教學？

AJAX+PHP 來實作。資料庫中資訊格式：地圖座標（X值，Y值）；地址資訊（根據座標自動取得）；思路，根據每個房源的資訊定位地址，在手機介面中載入地圖，並標註出來在此畫面區域下的所有房源資訊。訪客在手機端拖住地圖區域，自動載入在該畫面下的所有房源訊息，有沒這樣的案例或是影片教學？

唯蓝 2019-03-17 23:55:56 0  2  1366

objective-c - 百度地圖第二次顯示不能移動，只能縮放

百度地圖第二次顯示不能移動，只能縮放，地圖上的標籤也沒有了，路線也不顯示了

黄舟 2017-05-02 09:30:51 0  0  504

javascript - 百度座標,回傳目標附近有哪些座標

現在有一張記錄使用者座標表(使用百度api),兩個欄位記錄,如座標(116.307852,40.057031). 現在先找出所有距離該使用者1km以內的使用者該如何做? 原以為可以直接: {程式碼. ..} 對座標api不熟,謝謝大家幫我看一下. 百度地圖...

伊谢尔伦 2017-05-25 15:08:24 0  1  873

傳單取得新增至地圖上的所有折線

一旦您在地圖上新增了一個或多個可點擊操作的折線，並且想要使用測量工具PolylineMeasure，這些折線就會以某種方式存在。如何取得地圖中所有建立的折線，以停用可點擊性，就像您可以直接使用折線一樣，您可以在地圖上使用標記器點擊。 L.polyline(latlngs,{clickable:false}).addTo(map);

P粉358281574 2023-08-18 13:18:02 0  1  449

如何使Leaflet中的標記有兩個彈出視窗？滑鼠懸停時一種，點擊時另一種？

我希望將標題懸停在地圖上的標記上，然後單擊它們時會打開一個包含不同內容的完整彈出視窗。我嘗試製作一個圖例，其中包含所有標記的列表，這些標記將用作相應彈出視窗的鏈接，但我似乎不知道如何做到這一點。

P粉254077747 2024-04-01 12:40:41 0  1  475

本地push到 github,github活動點圖不更新

自己學習時記的筆記,用SSH方式推送到github時,本地的常用操作是: {代碼...} 但是發現github上相應的首頁活動點圖並沒有顯示有任何活動請問為什麼? 補充一下: 原來我是用https:方式clone下來的,這樣自動origin就...

天蓬老师 2017-04-28 09:06:12 0  3  652

javascript - vue的activeLink 怎麼有兩個呢？我只點擊一個連結 只應該有一個activeLink吧

Vue新人-。 -搞半天搞不定...求救！ ！ ~~就是想做footer下面三個圖標，點一個圖標那個圖標變色，其他圖標不變色。我看到點擊後自動會加一個active-link的，就式寫在active-link,但是怎麼會同時兩個activelink的呢！

我想大声告诉你 2017-05-19 10:36:08 0  2  637

靜態圖片服務實作 - PHP、JS與HTML技術

早安.我對HTML、CSS、PHP或HTML一無所知，但出於某種原因，我設法組合了一個網站。網站查詢mysql資料庫，載入谷歌地圖，並在查詢的位址上顯示一個標籤。我已經正確編寫了Python程式碼來爬取數據，SQL資料庫中的數據已經正確輸入和格式化。我有自訂的圖示來顯示標記，這些圖示位於/icons/1.png等位置varicons={'1':'/icons/1.png','2':'/icon

P粉990568283 2023-08-13 14:24:45 0  1  509

如何讓轉換後的元素不被溢出自動切斷？

我正在使用Bootstrap4為朋友的個人網站製作一個模態畫廊。我設置了它，以便圖像在懸停時展開-但當我將溢出設置為自動時，它們會在模態（或div）的邊緣被切斷。圖庫也是一組選項卡中的第三個，但所有這些都很好用。我嘗試更改哪個div具有overflow-auto類；我嘗試過標記各種不同的標記，但無論我嘗試什麼，我都不知道如何製作它，以便圖庫滾動並且讓我的圖像在懸停時不會被切斷。現在是相關程式碼：.g

P粉242535777 2023-09-07 20:04:02 0  1  578

產生Nuxt3的Sitemap

我遇到了一些問題。我想實現網站地圖生成，並且我正在使用@nuxtjs/sitemap來生成網站地圖，但似乎這個包目前不支援nuxt3，並且在互聯網上沒有找到解決方案，有誰知道如何為Nuxt3應用程式實現網站地圖。

P粉578680675 2023-11-03 17:52:44 0  1  843

javascript - 求這個演算法如何實現?

資料格式如下： {程式碼...} 需求描述：在1天的座標地圖上(00:00 - 24:00)，繪製每個數據， 可能得示意圖如下： 1.根據數據的startTime和endTime可以求得資料在Y 軸上的座標（表現為top以及height值，已實現） 2....

ringa_lee 2017-05-18 10:53:41 0  3  573

如何在Vue過渡中去除過渡延遲？

我正在使用Vue來實現當滑鼠懸停在圖片上時，透過動畫將文字方塊向上移動並淡入。動畫效果是正確的，但是它有一個輕微的延遲才開始。我希望文字方塊在圖片懸停時能夠平滑且立即地開始淡入和向上移動。當遊標離開時，文字方塊能夠正確地淡出和向下移動。 template:`{{badges[item].description}}`,methods:{hoverStart(i){this.hoveredIndex=i;},

P粉757432491 2023-08-17 17:36:49 0  1  493

想要透過點擊模式中的圖像來更改多個圖像

我使用gsap.js作為彈出視窗/模式。我使用forEach，這樣無論我添加這個網站有多少相同的部分，它都會正常工作。我唯一的目標是現在，以某種方式完美地完成這項工作。每當您單擊彈出的“按鈕”時，我就會出現，然後您會得到9個圖像，並從中選擇4個圖像，然後單擊“保存編輯”，當您按“保存編輯”然後是正文圖像時，其中有4個圖像身體，它會自動改變。並且您可以一次又一次地更改它。 constitems=doc

P粉269530053 2024-01-29 09:35:00 0  1  394

2018年9月19日教學課程預告：jQuery中的Ajax常用操作與實戰

一、教學專題：jQuery中的Ajax常用操作與實戰AJAX即「Asynchronous Javascript And XML」（非同步JavaScript和XML），指一種建立互動式網頁應用的網頁開發技術。 AJAX = 非同步 JavaScript和XML（標準通用標記語言的子集）AJAX 是一種用於建立快速動態網頁的技術。透過在後台與伺服器進行少量資料交換，AJAX 可以使網頁實現非同步更新。這

藏色散人 2018-09-19 10:51:42 0  0  1498

objective-c - 請求解決 iOS MKMapView 使用是記憶體暴增的方法？

1.專案使用TabBarController 新增4個介面其中3個介面使用MKMapView2、// 即時追蹤{程式碼...} 3、開啟兩個含有地圖的介面後，記憶體達到近400MB 依序開啟3個含有地圖的介面後，記憶體再暴增到近500MB 最關鍵的是：...

淡淡烟草味 2017-05-02 09:25:17 0  0  501