ใช้รหัสแผนที่

Android

เพิ่มรหัสแผนที่ผ่านองค์ประกอบ <fragment> ในองค์ประกอบ โดยใช้คลาส MapView หรือใช้แบบเป็นโปรแกรม GoogleMapOptions ชั้นเรียน

ตัวอย่างเช่น สมมติว่าคุณสร้างรหัสแผนที่ที่จัดเก็บเป็น ค่าสตริงที่ชื่อ map_id ใน res/values/strings.xml:

<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="map_id">YOUR_MAP_ID</string>
</resources>

สำหรับแผนที่ที่เพิ่มผ่านองค์ประกอบ <fragment> ในไฟล์เลย์เอาต์ของกิจกรรม ส่วนย่อยของแผนที่ทั้งหมดที่ควรมีรูปแบบที่กำหนดเองจะต้องระบุ รหัสแมปในแอตทริบิวต์ map:mapId:

<fragment xmlns:map="http://schemas.android.com/apk/res-auto"
    class="com.google.android.gms.maps.SupportMapFragment"
    …
    map:mapId="@string/map_id" />

คุณยังใช้แอตทริบิวต์ map:mapId ของคลาส MapView เพื่อระบุได้ด้วย รหัสแผนที่:

<com.google.android.gms.maps.MapView
    xmlns:android="http://schemas.android.com/apk/res/android"
    ....
    map:mapId="@string/map_id" />

หากต้องการระบุรหัสแผนที่แบบเป็นโปรแกรม ให้ส่งต่อไปยัง MapFragment ที่ใช้คลาส GoogleMapOptions:

 MapFragment mapFragment = MapFragment.newInstance(
     new GoogleMapOptions()
         .mapId(getResources().getString(R.string.map_id)));

 val mapFragment = MapFragment.newInstance(
     GoogleMapOptions()
         .mapId(resources.getString(R.string.map_id))
 )

สร้างและเรียกใช้แอปตามปกติใน Android Studio รูปแบบที่กำหนดเอง ตามที่กำหนดค่าไว้ในขั้นตอนแรก จะนำไปใช้กับแผนที่ทั้งหมดที่มีรหัส

iOS

หากต้องการสร้างอินสแตนซ์แผนที่โดยใช้รหัสแผนที่ ให้ทำดังนี้

1. สร้าง GMSMapID ด้วยสตริงรหัสแผนที่จาก Cloud Console
2. สร้าง GMSMapView โดยระบุรหัสแผนที่ที่คุณเพิ่งสร้าง

let camera = GMSCameraPosition(latitude: 47.0169, longitude: -122.336471, zoom: 12)
let mapID = GMSMapID(identifier: "<YOUR MAP ID>")
let mapView = GMSMapView(frame: .zero, mapID: mapID, camera: camera)
self.view = mapView

GMSCameraPosition *camera = [GMSCameraPosition cameraWithLatitude:47.0169
                                                        longitude:-122.336471
                                                             zoom:12];
GMSMapID *mapID = [GMSMapID mapIDWithIdentifier:@"<YOUR MAP ID>"];
GMSMapView *mapView = [GMSMapView mapWithFrame:CGRectZero mapID:mapID camera:camera];
self.view = mapView;

หากใช้รหัสแผนที่ของคุณเอง คุณจะตั้งรหัสแผนที่ได้ ใน Cloud Console ให้มีรูปแบบใหม่ได้ตลอดเวลา และ รูปแบบนั้นจะปรากฏในมุมมองแผนที่โดยอัตโนมัติ ผู้ใช้ได้ภายในประมาณ 6 ชั่วโมง

ถ้าอยากเห็นการเปลี่ยนแปลงทันที ก็ปิดแล้วรีสตาร์ทได้เลย แอปของคุณโดยการออกจากแอป บังคับให้แอปออกจากแอปที่ใช้งานล่าสุด รายการแอป แล้วเปิดใหม่ จากนั้นแผนที่ที่อัปเดตแล้วจะปรากฏขึ้น

JavaScript

วิธีสร้างแผนที่ด้วยรหัสแผนที่ในรหัสแอปพลิเคชันของคุณ

1. หากคุณกำลังปรับแต่งแผนที่ด้วยโค้ด JSON ที่ฝังไว้ ให้ลบ พร็อพเพอร์ตี้ styles จากออบเจ็กต์ MapOptions ของคุณ ไม่เช่นนั้น ให้ข้ามขั้นตอนนี้

2. เพิ่มรหัสแผนที่ลงในแผนที่โดยใช้พร็อพเพอร์ตี้ mapId เช่น

map = new google.maps.Map(document.getElementById('map'), {
center: {lat: -34.397, lng: 150.644},
zoom: 8,
mapId: 'MAP_ID'
});

แผนที่แบบคงที่

ในการเพิ่มรหัสแผนที่ลงในแผนที่ใหม่หรือที่มีอยู่ซึ่งใช้หนึ่งใน API ของบริการเว็บ ใส่พารามิเตอร์ของ URL map_id ต่อท้าย และตั้งค่าเป็นรหัสแผนที่ ตัวอย่างนี้แสดงการเพิ่มรหัสแผนที่ลงในแผนที่โดยใช้ Maps Static API

<img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />