開発中のサイトに 2 つの Google マップの設定があり、両方にカスタム マーカーを適用したいと考えています。これは私が書いたものです -
var coordinates_1 = new google.maps.LatLng(x, x);
var coordinates_2 = new google.maps.LatLng(x, x);
var map_1_options = {
zoom: 14,
center: coordinates_1,
mapTypeControl: false,
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map_2_options = {
zoom: 14,
center: coordinates_2,
mapTypeControl: false,
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var marker_1 = new google.maps.Marker({
position: coordinates_1,
map: map_1,
icon: '/images/marker.png'
});
var marker_2 = new google.maps.Marker({
position: coordinates_2,
map: map_2,
icon: '/images/marker.png'
});
var map_1 = new google.maps.Map(document.getElementById('location_1'), map_1_options);
var map_2 = new google.maps.Map(document.getElementById('location_2'), map_2_options);
スクリプトは最適化できると思いますが、それはここでは重要な問題ではありません。エラー メッセージ (または画像の欠落) は表示されず、両方のマップが正しい位置に表示されますが、マーカーは表示されません。それが重要な場合、画像は32x32pxです。どんな助けでも大歓迎です。