คำถามติดแท็ก google-maps-api-3

Google Maps JavaScript API เวอร์ชัน 3 ช่วยให้คุณสามารถฝังฟังก์ชันการทำงานของ Google แผนที่ลงในเว็บไซต์ของคุณเองได้ เวอร์ชัน 3 ให้การสนับสนุนที่ดีขึ้นอย่างมากสำหรับอุปกรณ์เคลื่อนที่ ถามคำถามที่ไม่ใช่การเขียนโปรแกรมและการออกใบอนุญาตใน Maps API Google Group (ดูคำอธิบายแบบเต็มสำหรับลิงก์)

13
Google Maps JS API v3 - ตัวอย่างหลายเครื่องหมายอย่างง่าย
ค่อนข้างใหม่สำหรับ Google Maps Api ฉันมีข้อมูลมากมายที่ฉันต้องการวนรอบและวางแผนบนแผนที่ ดูเหมือนจะค่อนข้างง่าย แต่บทเรียนหลายตัวที่ฉันได้พบนั้นค่อนข้างซับซ้อน ลองใช้ชุดข้อมูลจากเว็บไซต์ของ Google เป็นตัวอย่าง: var locations = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.923036, 151.259052, 5], ['Cronulla Beach', -34.028249, 151.157507, 3], ['Manly Beach', -33.80010128657071, 151.28747820854187, 2], ['Maroubra Beach', -33.950198, 151.259302, 1] ]; ฉันเพียงต้องการพล็อตจุดเหล่านี้ทั้งหมดและมีข้อมูล windows ปรากฏขึ้นเมื่อคลิกเพื่อแสดงชื่อ

14
วิธีปิดการปรับขนาดล้อเลื่อนของเมาส์ด้วย Google Maps API
ฉันใช้ Google Maps API (v3) เพื่อวาดแผนที่สองสามหน้า สิ่งหนึ่งที่ฉันต้องการทำคือปิดใช้งานการซูมเมื่อคุณเลื่อนล้อเลื่อนของเมาส์ไปบนแผนที่ แต่ฉันไม่แน่ใจว่าจะทำอย่างไร ฉันได้ปิดการใช้งาน scaleControl (เช่นลบองค์ประกอบ UI การปรับขนาด) แต่สิ่งนี้ไม่ได้ป้องกันการปรับสเกลล้อเลื่อน นี่เป็นส่วนหนึ่งของฟังก์ชั่นของฉัน (มันเป็นปลั๊กอิน jQuery แบบง่าย): $.fn.showMap = function(options, addr){ options = $.extend({ navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map(document.getElementById($(this).attr('id')), options); // Code cut from this example as …

30
Google Maps API v3: วิธีลบเครื่องหมายทั้งหมดได้อย่างไร
ใน Google Maps API v2 หากฉันต้องการลบเครื่องหมายแผนที่ทั้งหมดฉันทำได้ง่ายๆ: map.clearOverlays(); ฉันจะทำสิ่งนี้ใน Google Maps API v3 ได้อย่างไร ดูAPI อ้างอิงมันไม่ชัดเจนสำหรับฉัน

4
ตั้งกึ่งกลาง / ซูมแผนที่เพื่อให้ครอบคลุมเครื่องหมายที่มองเห็นได้ทั้งหมด
ฉันกำลังตั้งเครื่องหมายหลายตัวบนแผนที่ของฉันและฉันสามารถตั้งค่าระดับการซูมและศูนย์กลางแบบคงที่ แต่สิ่งที่ฉันต้องการคือเพื่อครอบคลุมเครื่องหมายและการซูมทั้งหมดให้มากที่สุดเท่าที่จะเป็นไปได้ วิธีการที่ใช้ได้มีดังต่อไปนี้ setZoom(zoom:number) และ setCenter(latlng:LatLng) ไม่setCenterรองรับหลายตำแหน่งหรืออินพุตอาร์เรย์ของตำแหน่งที่ตั้งและsetZoomไม่มีฟังก์ชันการทำงานประเภทนี้

15
คำนวณระยะทางระหว่างจุดสองจุดใน Google แผนที่ V3
Наэтотвопросестьответына กองมากเกินнарусском : Какопределятьближайшиемаркеры? คุณจะคำนวณระยะห่างระหว่างสองเครื่องหมายใน Google แมป V3 ได้อย่างไร (คล้ายกับdistanceFromฟังก์ชั่น inV2) ขอบคุณ ..

6
Google Map API v3 - กำหนดขอบเขตและกึ่งกลาง
ฉันเพิ่งเปลี่ยนมาใช้ Google Maps API V3 ฉันกำลังทำงานกับตัวอย่างง่ายๆที่พล็อตมาร์กเกอร์จากอาเรย์ แต่ฉันไม่ทราบวิธีจัดกึ่งกลางและซูมโดยอัตโนมัติตามเครื่องหมาย ฉันค้นหายอดสุทธิสูงและต่ำรวมถึงเอกสารของ Google แล้ว แต่ไม่พบคำตอบที่ชัดเจน ฉันรู้ว่าฉันสามารถใช้พิกัดเฉลี่ยโดยเฉลี่ยได้ แต่ฉันจะตั้งค่าการซูมได้อย่างไร function initialize() { var myOptions = { zoom: 10, center: new google.maps.LatLng(-33.9, 151.2), mapTypeId: google.maps.MapTypeId.ROADMAP } var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions); setMarkers(map, beaches); } var beaches = [ ['Bondi Beach', -33.890542, 151.274856, 4], ['Coogee Beach', -33.423036, 151.259052, …

18
Google Maps API 3 - สีของตัวทำเครื่องหมายที่กำหนดเองสำหรับเครื่องหมาย (จุด) เริ่มต้น
ผมเคยเห็นจำนวนมากคำถามอื่น ๆ ที่คล้ายกันนี้ ( ที่นี่ , ที่นี่และที่นี่ ) แต่พวกเขาทั้งหมดได้รับการยอมรับคำตอบที่ไม่ได้แก้ปัญหาของฉัน ทางออกที่ดีที่สุดที่ฉันพบกับปัญหาคือไลบรารีStyledMarkerซึ่งช่วยให้คุณกำหนดสีที่กำหนดเองสำหรับเครื่องหมาย แต่ฉันไม่สามารถใช้เครื่องหมายเริ่มต้น (สีที่คุณได้รับเมื่อคุณค้นหาด้วย Google แผนที่) จุดที่อยู่ตรงกลาง) ดูเหมือนว่าจะมีเครื่องหมายในจดหมายหรือมีไอคอนพิเศษ

6
แผนที่กึ่งกลางอัตโนมัติพร้อมเครื่องหมายหลายอันใน Google Maps API v3
นี่คือสิ่งที่ฉันใช้เพื่อแสดงแผนที่ด้วย 3 หมุด / เครื่องหมาย: <script> function initialize() { var locations = [ ['DESCRIPTION', 41.926979, 12.517385, 3], ['DESCRIPTION', 41.914873, 12.506486, 2], ['DESCRIPTION', 41.918574, 12.507201, 1] ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 15, center: new google.maps.LatLng(41.923, 12.513), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow(); var marker, i; for …

26
Google MAP API Uncaught TypeError: ไม่สามารถอ่านคุณสมบัติ 'offsetWidth' เป็นโมฆะ
ฉันพยายามใช้ Google MAP API v3 ด้วยรหัสต่อไปนี้ <h2>Topology</h2> <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.topology.css' %}" /> <link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.css' %}" /> <style type="text/css" > #map_canvas { width:300px; height:300px; } </style> <script type="text/javascript"> var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: …

23
Google Maps API v3: ฉันสามารถตั้งค่าZoomหลังจาก fitBounds ได้หรือไม่
ฉันมีชุดของจุดที่ฉันต้องการพล็อตบน Google Map แบบฝัง (API v3) ฉันต้องการให้ขอบเขตรองรับทุกจุดยกเว้นว่าระดับการซูมนั้นต่ำเกินไป (เช่นซูมออกมากเกินไป) แนวทางของฉันเป็นเช่นนี้: var bounds = new google.maps.LatLngBounds(); // extend bounds with each point gmap.fitBounds(bounds); gmap.setZoom( Math.max(6, gmap.getZoom()) ); มันใช้งานไม่ได้ บรรทัดสุดท้าย "gmap.setZoom ()" จะไม่เปลี่ยนระดับการซูมของแผนที่หากถูกเรียกหลังจาก fitBounds โดยตรง มีวิธีในการรับระดับการย่อ / ขยายขอบเขตโดยไม่ใช้กับแผนที่หรือไม่ ความคิดอื่นที่จะแก้ปัญหานี้?

9
วิธี จำกัด ผลลัพธ์การเติมข้อความอัตโนมัติของ Google เฉพาะเมืองและประเทศเท่านั้น
ฉันใช้ javascript ในสถานที่เติมข้อความอัตโนมัติของ Google เพื่อส่งคืนผลลัพธ์ที่แนะนำสำหรับช่องค้นหาของฉันสิ่งที่ฉันต้องการคือแสดงเฉพาะเมืองและประเทศที่เกี่ยวข้องกับตัวอักษรที่ป้อน แต่ google api จะให้ผลลัพธ์สถานที่ทั่วไปจำนวนมากซึ่งฉันไม่ต้องการ เพื่อ จำกัด ผลลัพธ์ที่จะแสดงเฉพาะเมืองและประเทศ ฉันกำลังใช้ตัวอย่างต่อไปนี้: <html> <head> <style type="text/css"> body { font-family: sans-serif; font-size: 14px; } </style> <title>Google Maps JavaScript API v3 Example: Places Autocomplete</title> <script src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places" type="text/javascript"></script> <script type="text/javascript"> function initialize() { var input = document.getElementById('searchTextField'); var autocomplete = new google.maps.places.Autocomplete(input); …

17
โครงการ API นี้ไม่ได้รับอนุญาตให้ใช้ API นี้ โปรดตรวจสอบให้แน่ใจว่า API นี้เปิดใช้งานในคอนโซล API
"-27.0000,133.0000"ฉันมีเส้นรุ้งและเส้นแวงที่: ฉันต้องการสร้างฐานแผนที่ขึ้นมา ฉันได้ลองไปที่ลิงค์นี้ https://maps.googleapis.com/maps/api/geocode/json?latlng=-27.0000,133.0000&key=****** ฉันได้รับข้อผิดพลาดนี้บนเบราว์เซอร์ต่อไป { "error_message" : "This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console: Learn more: https://code.google.com/apis/console", "results" : [], "status" : "REQUEST_DENIED" } แต่ฉันคิดว่าฉันเปิดใช้งาน API นั้นแล้ว ฉันลงชื่อเข้าใช้ Google Console และตรวจสอบอีกครั้ง เมื่อฉันไปที่: https://console.developers.google.com/project/75423435770063/apiui/apis/enabled ฉันเห็น : …

11
Google Maps แสดง“ เพื่อการพัฒนาเท่านั้น”
Google Maps แสดงข้อความ "เพื่อการพัฒนาเท่านั้น" เมื่อฉันพยายามแสดงในหน้าเว็บของฉัน: ฉันจะทำให้ข้อความนี้หายไปได้อย่างไร รหัสของฉันเป็นเช่นนั้น: <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script type="text/javascript"> function initialize() { var myLatlng = new google.maps.LatLng(50.5792659,8.6744471); var centerMap = new google.maps.LatLng(50.5792659,8.6744471); var div = document.getElementById('map'); } </script> หลังจากนั้นฉันก็มี <p> <a href="https://www.google.com/maps/dir//50.5792659,8.6744471/@50.579266,8.674447,16z" target="_blank" >Route berechnen</a> </p> ฉันไม่เห็นว่าข้อความนี้มาจากที่ใด

10
Google Maps V3 - วิธีคำนวณระดับการซูมสำหรับขอบเขตที่กำหนด
ฉันกำลังมองหาวิธีการคำนวณระดับการซูมสำหรับขอบเขตที่กำหนดโดยใช้ Google Maps V3 API ซึ่งคล้ายกับgetBoundsZoomLevel()ใน V2 API นี่คือสิ่งที่ฉันต้องการจะทำ: // These are exact bounds previously captured from the map object var sw = new google.maps.LatLng(42.763479, -84.338918); var ne = new google.maps.LatLng(42.679488, -84.524313); var bounds = new google.maps.LatLngBounds(sw, ne); var zoom = // do some magic to calculate the zoom level …


โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.