如何使用兩個詞命名 Google 地圖標記圖標類型？

Question

我正在開發 Google 地圖以使用自定義標記圖標顯示工作地點。

這是我用來設置變量“markerIcon”和“類型”名稱（管理）的代碼片段：

前

 var markerIcon = { Administrative: { url: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png' // scaledSize: new google.maps.Size(80, 80), // origin: new google.maps.Point(0, 0), // anchor: new google.maps.Point(32,65), // labelOrigin: new google.maps.Point(40,33) } };

這很好，所以這里的代碼片段不適用於 var 'type' 名稱Administrative 和 Clerical ：

后

 var markerIcon = { Administrative and Clerical: { url: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png' // scaledSize: new google.maps.Size(80, 80), // origin: new google.maps.Point(0, 0), // anchor: new google.maps.Point(32,65), // labelOrigin: new google.maps.Point(40,33) } };

這是我遇到的問題。 使用多個單詞並帶有空格。

下面是創建標記的函數：

 function createMarker(latlng, name, company, address, type, jobdesc) { var jobButton = "<a class='btn btn-success btn-sm mt-2' role='button' href='/public/job_details_demo.php?" + "title=" + name + "'" + "target='_blank'>View Job" + "</a>"; var html = "<h5 class='mb-0'>" + name + "</h5>" + "<h6 class='mb-0'>" + company + "</h6>" + "<p><b>" + address + "</b></p>" + "<b>Job Details:</b></br>" + jobdesc + "</p>" + jobButton; var icon = markerIcon[type] || {}; var marker = new google.maps.Marker({ map: map, position: latlng, icon: icon.url }); google.maps.event.addListener(marker, 'click', function () { infoWindow.setContent(html); infoWindow.open(map, marker); }); markers.push(marker); }

為了顯示圖標，我查詢數據庫以使用 SQL 檢索“jobsector_name”AS 類型。 這工作正常，並顯示標記圖標。

但是，對於工作部門名稱，我需要使用多個詞，例如“行政和文書”。 當我在數據庫中將類型更改為此名稱和標記圖標名稱時，標記不會顯示，Chrome 控制台中也不會顯示任何錯誤。

我的問題是，如何解決標記圖標類型名稱使用兩個或多個單詞的問題？

我嘗試過像 %20 這樣的特殊字符，但不出所料，代碼討厭任何特殊字符。 我也嘗試引用的數字，但他們不顯示我嘗試了連接兩個變量，但不知道如何引用變量的另一個變量中的這種類型的操作。

Answer 1

已解決：我在每個單詞之間添加了“_”下划線（在 MarkerIcon 類型和數據庫列值中），然后在頁面上顯示名稱時使用 PHP 命令“str_replace”。

$jobsector = str_replace("_", " ", $row['jobsector_name']);

PHP 手冊 - str_replace — 用替換字符串替換所有出現的搜索字符串