Google Custom Streetview Panorama พร้อมแผนที่ประเภทรูปภาพที่กำหนดเองโดยไม่มีการอ้างอิงทางภูมิศาสตร์

ฉันกำลังพัฒนาแผนที่ประเภทแผนที่รูปภาพแบบกำหนดเองโดยไม่มีการอ้างอิงทางภูมิศาสตร์ เช่น latlng ของแผนที่ของฉันไม่เกี่ยวข้องกับ latlng เฉียบพลันของสถานที่นั้น ตอนนี้ฉันได้สร้างภาพพาโนรามามุมมองถนนที่กำหนดเองของอาคารและสถานที่บางแห่งในแผนที่นั้นแล้ว

ปัญหานี้ไม่สามารถรวมภาพพาโนรามา Street View ที่กำหนดเองเข้ากับแผนที่รูปภาพที่กำหนดเองของฉันได้

ต่อไปนี้เป็นลิงค์เพื่อดูว่าเกิดอะไรขึ้น:

http://cdi.astateweb.org/virtual_tour/

แนวทางแรก: ขณะนี้มีเครื่องหมายสองอันบนแผนที่ เมื่อคุณคลิกที่พวกเขา ฟองข้อมูลเล็กๆ จะปรากฏขึ้น ตอนนี้เมื่อคุณคลิกที่ลิงก์ทัวร์เสมือนจริง กล่องโต้ตอบจะปรากฏขึ้น ฉันต้องการโหลดภาพพาโนรามา Street View ที่กำหนดเองในกล่องโต้ตอบนั้น ฉันลองหลายสิ่งหลายอย่าง แต่ก็ไม่มีประโยชน์ ฉันกำลังพยายามใช้กล่องโต้ตอบเดียวกันซ้ำสำหรับเครื่องหมายทั้งสอง ฉันพยายามเริ่มต้นพาโนรามาในฟังก์ชันเปิดกล่องโต้ตอบ jquery ui มันใช้งานได้กับอันแรก แต่เมื่อคุณปิดกล่องโต้ตอบและเปิดใหม่อีกครั้ง มันจะล้มเหลวโดยมีข้อผิดพลาด cbk บางอย่างจาก google apis

แนวทางที่สอง: ฉันพยายามใช้เพ็กแมน Street View เริ่มต้น โดยที่เมื่อเพ็กแมนหล่นลงบนอาคารหรือสถานที่บางแห่งซึ่งมีภาพพาโนรามา Street View จะปรากฏขึ้นเหมือนกับใน Google Maps ปกติ สิ่งนี้ไม่ได้ผลเช่นกัน

ใครสามารถชี้ให้ฉันไปยังทิศทางที่ถูกต้อง ความช่วยเหลือใด ๆ จะได้รับการชื่นชมอย่างมาก

ขอบคุณ


google-maps-api-3
person Roshan Gautam    schedule 09.11.2012    source แหล่งที่มา

คำตอบ (1)


arrow_upward
1
arrow_downward

ตกลง ลองดังนี้:

เปลี่ยนแปลงที่บรรทัด 41

from
'<a href="/th#" id="virtual-tour" data="delta">Virtual Tour</a>'
to
'<a href="/th#" id="virtual-tour" data="arch">Virtual Tour</a>'

เปลี่ยนที่บรรทัด 96

    $("#dialog").dialog({
        autoOpen: false,
        width: 650,
        open: function() {
          console.log($("#" + virtualTour.currentPano));
          $("#" + virtualTour.currentPano).appendTo("#dialog").css("display", "block");
        },
        close: function() {
          $("#" + virtualTour.currentPano).appendTo("body").css("display", "none");
        }

    });

และโค้ดด้านล่างเพื่อเพิ่มลงในฟังก์ชัน "createMarker"

    //After this line.
    virtualTour.hotspotArray.push(marker);      

    //Add this code.
    setTimeout(function(){
      document.getElementById(pano).style.display = "none";
    }, 100);

ป้อนคำอธิบายรูปภาพที่นี่

person wf9a5m75    schedule 10.11.2012
comment
ขอบคุณ. ฉันขอขอบคุณทุกเวลาและความพยายามของคุณ ฉันยังคงสงสัยว่าเหตุใดวิธีเพ็กแมนจึงไม่ทำงาน ฉันทำตามตัวอย่างที่ Google ให้ไว้แต่ไม่มีอะไรเลย แต่ยังไงก็ขอบคุณ - person Roshan Gautam; 10.11.2012
comment
เพ็กแมนเริ่มต้นไม่ทำงาน เนื่องจาก Google ไม่ทราบว่ามีจุดใดบ้างที่ให้ Street View แบบกำหนดเอง และไม่มีวิธีใดที่จะขอฟังก์ชัน getPanoramaByLocation() เมื่อเพ็กแมนหลุด ฉันคิดว่าคุณต้องใช้กลไกเพ็กแมนของคุณเอง - person wf9a5m75; 10.11.2012