インタラクティブ マップを使用する場合は、すべて JavaScript コードです。オフィスの緯度と経度の値がある場合、次のようなことができます。
<div id="map"></div>
HTMLで、JavaScript(jquery)で持っています。
$.fn.ready(function() {
var lat = 10.0000; // change to your value
var lng = 10.0000; // change to your value
var bounds = new google.maps.LatLngBounds();
var map = new google.maps.Map(document.getElementById("map"), { zoom: 5, mapTypeId: google.maps.MapTypeId.ROADMAP, center: new google.maps.LatLng(parseFloat(lat), parseFloat(lng)) });
var lat_lng = new google.maps.LatLng(parseFloat(point.lat), parseFloat(point.lng));
var marker = new google.maps.Marker({
position: lat_lng,
title: "point"
});
marker.setMap(map);
bounds.extend(lat_lng);
map.fitBounds(bounds);
});
私はコードをテストしていません。マップ上のいくつかのポイントをレンダリングしたプロジェクトからいくつかのロジックを取得しましたが、それはコーヒースクリプトにもあったため、何かを見逃したかどうかはわかりません。要するに、それはすべて googlemaps api です。