React를 사용하여 이미지에 대화형 마커 배치

도와주세요. 홈 페이지에 표시되는 아래와 같은 이미지(더 큰 이미지)가 있습니다. "FORGE" 하우스에는 중앙에 검은색 화살표가 있는 흰색과 파란색 마커가 있습니다. '임대' 주택도 마찬가지다. 이러한 각 마커는 대화형 버튼 역할을 합니다. 예상되는 상호 작용 동작은 다음과 같습니다. 마우스를 올리면 파란색 배경이 확장되어 "Forge" 또는 "Rentals"라는 텍스트가 표시됩니다. 클릭하면 사용자가 적절한 "Forge" 또는 "Rentals&quo...

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

자바스크립트 지도 표시 플러그인을 찾고 있습니다.

1. 다음과 같은 효과를 얻을 수 있는 자바스크립트 플러그인이 있나요? ​​왼쪽의 세 개체를 지도로 드래그한 후 마우스를 놓으면 표시가 남습니다. (지도 위치를 표시하는 데 사용됨) 마우스를 놓으면 편집 가능한 대화 상자가 나타납니다.

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

Open Layers 지도에 마커를 어떻게 삽입하나요?

현재 지도 애플리케이션을 구축 중입니다. 마크업을 추가하기 위해 인터넷에서 찾은 모든 방법을 시도했지만 여전히 작동하지 않습니다. 내가 뭐 잘못 했어요? 내 Angular 코드는 다음과 같습니다. 어떻게든 Leaflet을 사용하는 것이 훨씬 쉽지만 OpenLayers를 너무 일찍 포기하고 싶지는 않습니다. importclassMapComponentimplementsOnInit{map!:Map;marker!:any;center=fromLonLat([5.5697,50.6330

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

HTML에서 오버레이 및 마커가 포함된 Mapbox 지도 내보내기/다운로드

고객이 개인화된 지도를 만들 수 있는 HTML 페이지를 만들고 싶습니다. 저는 이것을 만들기 위해 Mapbox를 사용했습니다. 이 지도 위에 오버레이가 있으며, 고객은 지도에 마커를 배치할 수도 있습니다. 하지만 저는 두 가지 큰 문제로 어려움을 겪고 있습니다. 오버레이와 마커를 포함한 고품질 지도 이미지를 얻는 방법입니다. 포스터에 인쇄하고 싶기 때문입니다. 고객이 "저장"을 클릭하고 구매한 후 이 이미지가 내 서버로 전송되어 인쇄할 수 있도록 온라인 상점에서 이 논리를 어떻게 구현할 수 있습니까? https:/...

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

정적 이미지 서비스 구현 - PHP, JS 및 HTML 기술

좋은 아침이에요. 나는 HTML, CSS, PHP 또는 HTML에 대해 아무것도 모르지만 어떤 이유로 웹사이트를 구성할 수 있었습니다. 웹사이트는 mysql 데이터베이스를 쿼리하고, Google 지도를 로드하고, 쿼리된 주소에 마커를 표시합니다. 데이터를 스크래핑하기 위해 Python 코드를 올바르게 작성했으며 SQL 데이터베이스의 데이터가 올바르게 입력되고 형식이 지정되었습니다. 마커를 표시하는 사용자 정의 아이콘이 있습니다. 이 아이콘은 /icons/1.png 등에 있습니다. varicons={'1':'/icons/1.png',...

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

Leaflet의 마커에 두 개의 팝업이 표시되도록 하는 방법은 무엇입니까? 마우스 오버 시 하나, 클릭 시 하나?

지도의 마커 위에 제목을 올려놓고 클릭하면 다른 콘텐츠가 포함된 전체 팝업이 열리도록 하고 싶습니다. 해당 팝업에 대한 링크로 사용될 모든 마커 목록이 포함된 범례를 만들려고 하는데 어떻게 해야 할지 모르겠습니다.

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

전단지는 지도에 모든 폴리라인을 추가합니다.

지도에 클릭 가능한 작업이 있는 하나 이상의 폴리라인을 추가하고 측정 도구인 PolylineMeasure를 사용하려는 경우 이러한 폴리라인은 어떤 방식으로든 존재하게 됩니다. 폴리라인을 직접 사용할 수 있는 것처럼 지도에서 마커를 사용하여 클릭할 수 있는 것처럼 클릭 기능을 비활성화하기 위해 지도에서 생성된 모든 폴리라인을 가져오는 방법은 무엇입니까? L.polyline(latlngs,{clickable:false}).addTo(map);

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

javascript - Baidu 좌표, 대상 근처의 좌표를 반환합니다.

이제 좌표(116.307852, 40.057031)와 같은 두 개의 필드 레코드가 있는 사용자 좌표(Baidu API 사용)를 기록하는 테이블이 있습니다. 이제 사용자로부터 1km 이내에 있는 모든 사용자를 직접 찾을 수 있다고 생각했습니다. ...} 좌표 API에 익숙하지 않습니다. 바이두 지도를 살펴볼 수 있도록 도와주셔서 감사합니다.

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

2018년 9월 19일 교육 과정 미리보기: 일반적인 Ajax 작업 및 jQuery의 실제 전투

1. 강의 주제: jQuery의 일반적인 Ajax 작업 및 실제 사례 AJAX는 "Asynchronous Javascript And XML"을 의미하며 대화형 웹 애플리케이션을 만들기 위한 웹 개발 기술을 말합니다. AJAX = 비동기 JavaScript 및 XML(Standard Universal Markup Language의 하위 집합) AJAX는 빠르고 동적인 웹 페이지를 생성하기 위한 기술입니다. AJAX를 사용하면 백그라운드에서 서버와 소량의 데이터를 교환하여 웹 페이지를 비동기적으로 업데이트할 수 있습니...

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

지도에서 집을 찾는 기능을 알고 싶으십니까? 그런 튜토리얼이 있나요?

AJAX+PHP를 달성합니다. 데이터베이스의 정보 형식: 지도 좌표(X 값, Y 값), 주소 정보(좌표를 기준으로 자동 획득), 각 목록의 정보를 기반으로 주소 찾기, 모바일 인터페이스에 지도 로드 및 표시 이 화면 영역에서 아래의 모든 속성 정보를 확인하세요. 방문자가 휴대폰으로 지도 영역을 드래그하면 해당 화면의 모든 부동산 정보가 자동으로 로드됩니다. 그런 사례나 비디오 튜토리얼이 있습니까?

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

javascript - Baidu Map JS API에서 위도와 경도를 얻는 문제

현재 요구 사항은 다음과 같습니다. 지도를 클릭하여 다각형을 묘사하는 정점을 결정하고 해당 다각형의 경도와 위도를 순서대로 데이터베이스에 기록합니다. 이 기능은 웹 사이트에 통합되어야 합니다. 내 생각은 다음과 같습니다. Baidu Map API를 직접 사용하여 지도를 표시하고, 핵심은 마우스 포인터를 얻는 것입니다...

PHPz 2017-05-19 10:14:14 0  2  797

css - Alibaba ICON-FONT의 CDN 온라인 참조와 관련하여 CDN 주소를 어떻게 변경해야 합니까?

1. 문제 설명: iconfont를 사용하여 아이콘 라이브러리를 생성하고 cdn을 사용하여 프로젝트에 로드했습니다. 그런데 아이콘 라이브러리 업데이트로 인해 CDN 주소가 변경되어 온라인 아이콘의 정상적인 표시에 영향을 미치게 됩니까? 2. 문제 스크린샷: 3. 요약: 프로젝트에서 이러한 문제를 관리하는 방법을 알려주세요...

伊谢尔伦 2017-05-16 13:34:24 0  2  864

javascript - 이 알고리즘을 구현하는 방법은 무엇입니까?

데이터 형식은 다음과 같습니다. {code...} 요구 사항 설명: 1일 좌표 지도(00:00 - 24:00)에 각 데이터를 그립니다. 가능한 다이어그램은 다음과 같습니다. 1. startTime 및 데이터의 endTime을 구할 수 있다. 데이터의 Y축 좌표를 구한다(상단값과 높이값으로 표현, 구현) 2....

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

이미지를 텍스트로 OCR 웹 이미지 URL 업로드

여기에서 작동하는 codepen 데모를 참조하면 파일 선택 버튼을 클릭하여 로컬 컴퓨터에서 이미지를 업로드하고 이미지에서 텍스트를 추출하면 애플리케이션이 제대로 작동합니다. 하지만 로컬 컴퓨터 파일 대신 이와 같은 웹 이미지 URL을 업로드하고 데모에서 표시한 버튼을 사용하여 OCR 텍스트 결과를 출력하려면 어떻게 해야 합니까? 도움을 받을 수 있다면 감사하겠습니다 :) <divclass="content extra"><inputid="file" type=&quot

P粉316890884 2024-03-29 21:37:25 0  1  404

Safari에서 변환 스타일:preserve-3d가 작동하지 않는 div 내부 요소의 CSS 호버 스타일

호버 스타일을 사용하여 내부에 소셜 아이콘이 포함된 시차 스크롤 헤더를 구현했습니다. 호버 스타일은 현재 Safari에서 작동하지 않습니다. 컨테이너에서Transform-style:preserve-3d를 제거하면 호버 스타일이 작동합니다(그러나 시차가 깨집니다). Chrome에서는 잘 작동합니다. <!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26 0  1  483

PHP MySql에서 경도와 위도를 가져오는 Mapbox JS

해결됨 - 아래 답변을 참조하세요. "locationLogs"라는 MySql 데이터베이스와 "locations"라는 테이블이 있습니다. MapboxGLJSAPI를 사용하여 지도를 표시하는 map.php라는 페이지가 있습니다. 그런 다음 "위치" 테이블의 각 위치에 대한 마커를 추가하고 싶습니다. 테이블은 "id", "longitude", "latitude"로 구성됩니다. 그런 다음 while 루프를 사용하여 이것을 시도했습니다...

P粉316110779 2024-01-07 10:38:48 0  1  500

모달에서 이미지를 클릭하여 여러 이미지를 변경하고 싶습니다.

팝업/모달에 gsap.js를 사용하고 있습니다. 나는 이 사이트에 동일한 부분을 얼마나 많이 추가하더라도 제대로 작동하도록 forEach를 사용합니다. 나의 유일한 목표는 어떻게든 지금 이 작업을 완벽하게 만드는 것입니다. 팝업되는 "버튼"을 클릭할 때마다 9개의 이미지가 표시되고 그 중 4개를 선택한 다음 "편집 내용 저장"을 클릭하고 "편집 내용 저장"을 누르면 본문 텍스트 이미지에 4개의 이미지 본문이 있는 경우 , 자동으로 변경됩니다. 그리고 당신은 그것을 계속해서 변경할...

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

Dash 앱에서 다른 컨테이너의 콘텐츠를 어떻게 교환합니까?

다음 작업을 수행하는 데 큰 어려움을 겪고 있습니다. 다른 컨테이너에 표시하기 위해 CSS로 형식화된 대시 응용 프로그램이 있습니다. "hexgrid-1-container"라고 표시된 컨테이너는 가장 큰 컨테이너이고, 다른 컨테이너는 더 작고 그 주위에 구성되어 있습니다. 다른 컨테이너에 있는 그림/그래픽을 클릭할 때마다 이전 그림이 "hexgrid-1-container"에 있던 "hexgrid-1-container"에 나타나도록 대시 앱을 업데이트하고 싶습니다. 더 작은 콘텐츠...

P粉378890106 2024-02-26 22:35:55 0  1  575

PHP의 배열: 새 항목을 추가할 때 놀라운 결과

그래서 저는 Instaloaderpython 라이브러리에서 수집한 이미지를 수집하고 이를 제 웹사이트의 갤러리에 넣을 수 있는 코드를 작성하고 있습니다. 아무 문제 없이 이를 수집하고 표시했지만 이제 각 게시물에 대한 헤더를 구현하기 시작했고 문제가 발생했습니다. 라이브러리가 사진을 다운로드하는 방식은 컬렉션에 사진이 2개 이상 있을 경우 컬렉션에 있는 이미지의 위치를 ​​기준으로 게시물에 _1, _2 등의 접미사를 추가하고 .txt 파일을 제목. 수집용 샘플 폴더 내용 : 2022-12-26_14-14-01_UTC

P粉893457026 2024-03-31 14:10:42 0  1  516

각도는 그림과 같이 Elastichear에서 가져온 텍스트를 강조 표시합니다.

인터넷에서 여러 방법을 검색해봐도 표시가 안 되네요. 무엇이 잘못되었는지는 오랫동안 이 문제로 고민했습니다. 얻었지만 레이블이 있는 텍스트 형식으로 표시되므로 html 태그를 구문 분석하여 표시하는 방법을 사용하고 싶습니다~선한 사마리아인이 도와드릴 수 있습니다...

世界只因有你 2017-07-05 10:36:32 0  1  686