Maps JavaScript API เป็น Web API ฝั่งไคลเอ็นต์ที่ช่วยให้คุณสร้างแผนที่เพื่อ
แสดงสถานที่ตั้งได้ทุกที่ในโลก เพิ่มกราฟิก ภาพเคลื่อนไหว และเลเยอร์ข้อมูลที่กำหนดเองแบบ
อินเทอร์แอกทีฟของคุณเอง รวมถึงสร้างฟีเจอร์ที่รับรู้ตำแหน่งโดยใช้ Places API ใน
Maps JavaScript API Maps JavaScript API ช่วยให้คุณทำสิ่งต่อไปนี้ได้
[[["เข้าใจง่าย","easyToUnderstand","thumb-up"],["แก้ปัญหาของฉันได้","solvedMyProblem","thumb-up"],["อื่นๆ","otherUp","thumb-up"]],[["ไม่มีข้อมูลที่ฉันต้องการ","missingTheInformationINeed","thumb-down"],["ซับซ้อนเกินไป/มีหลายขั้นตอนมากเกินไป","tooComplicatedTooManySteps","thumb-down"],["ล้าสมัย","outOfDate","thumb-down"],["ปัญหาเกี่ยวกับการแปล","translationIssue","thumb-down"],["ตัวอย่าง/ปัญหาเกี่ยวกับโค้ด","samplesCodeIssue","thumb-down"],["อื่นๆ","otherDown","thumb-down"]],["อัปเดตล่าสุด 2025-09-10 UTC"],[[["\u003cp\u003eThe Maps JavaScript API lets you create interactive, customizable maps for websites, incorporating 2D and 3D views, markers, and custom data.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can leverage the Places Library for location data, style maps to their liking, and display administrative boundaries.\u003c/p\u003e\n"],["\u003cp\u003eA suite of services such as Directions, Distance Matrix, and Street View, along with libraries like Drawing and Geometry, further enhance functionality.\u003c/p\u003e\n"],["\u003cp\u003eUsers can easily set up their projects using provided guides on Cloud project setup, API keys, loading the API, and adding maps to web pages.\u003c/p\u003e\n"],["\u003cp\u003eGoogle provides comprehensive documentation with tutorials, examples, and resources for various features, services, and libraries.\u003c/p\u003e\n"]]],[],null,["Select platform: [Android](/maps/documentation/android-sdk/overview \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/overview \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/overview \"View this page for the JavaScript platform docs.\")\n\nThe Maps JavaScript API is a client-side web API that lets you create maps to\nshow locations anywhere in the world, add your own custom graphics, animations, and interactive\ncustom data layers, and create location-aware features by using the Places API in the\nMaps JavaScript API. With the Maps JavaScript API, you can:\n\n- Create 2D and 3D maps to show locations anywhere in the world.\n- Add customizable markers to indicate locations on a map.\n- Use the Places library to get location data for over 200 million places.\n- Customize the map's style and colors.\n- Add your own interactive custom data layers.\n- Display administrative boundaries and make them interactive.\n- Add custom 2D and 3D graphics and animated content to your maps.\n\nWhat's next \n**Set up and create a maparrow_drop_down**\n- [Set up your Google Cloud project](/maps/documentation/javascript/cloud-setup)\n- [Use API keys](/maps/documentation/javascript/get-api-key)\n- [Load the Maps JavaScript API](/maps/documentation/javascript/load-maps-js-api)\n- [Add a Google Map to a Web Page](/maps/documentation/javascript/add-google-map)\n- [Add a 3D map to a web page](/maps/documentation/javascript/3d-maps-overview)\n- [Tutorials for adding a map (and more)](/maps/documentation/javascript/tutorials) \n**Use Maps JavaScript API featuresarrow_drop_down**\n- [Add markers to a map](/maps/documentation/javascript/advanced-markers/overview)\n- [Use the Places library to get location data](/maps/documentation/javascript/place)\n- [Customize the map's style and colors](/maps/documentation/javascript/cloud-customization)\n- [Add interactive data layers](/maps/documentation/javascript/dds-datasets/overview)\n- [Display administrative boundaries](/maps/documentation/javascript/dds-boundaries/overview)\n- [Add a WebGL graphic overlay](/maps/documentation/javascript/webgl/webgl-overlay-view) \n**Work with Maps JavaScript API servicesarrow_drop_down**\n- [Elevation](/maps/documentation/javascript/elevation)\n- [Geocoding](/maps/documentation/javascript/geocoding)\n- [Maximum Zoom Imagery](/maps/documentation/javascript/maxzoom)\n- [Street View](/maps/documentation/javascript/streetview) \n**Work with Maps JavaScript API librariesarrow_drop_down**\n- [Geometry Library](/maps/documentation/javascript/geometry)\n- [Visualization Library](/maps/documentation/javascript/visualization)\n- [Open Source Libraries](/maps/documentation/javascript/libraries-open-source)\n- [Drawing Library](/maps/documentation/javascript/drawinglayer) (Deprecated) block\n\n[**See example code for Maps features**](/maps/documentation/javascript/examples)"]]
