將多個圖標添加到Bing地圖API的圖釘v8

Bing地圖v8 - 我試圖在地圖中的特定位置表示多個圖標/符號。將多個圖標添加到Bing地圖API的圖釘v8

例如，在一個特定的位置，我想要一個表示位置的圖釘，並且我希望在圖釘下方有另一個圖標/符號，表示位置的嚴重程度（高度擁擠 - 紅色，中等擁擠 - 黃色，不太擁擠 - 綠色）。

我不希望在圖釘（圖像）本身中顯示此圖像，但我希望在圖釘圖像和位置標題下顯示此圖像。

使用7版bing地圖，可以添加至少一個不同顏色的邊框以滿足我的要求，但是在v8 bing地圖中，不可能添加自定義CSS/HTML。

另外我希望可拖動puspin。有HTMLPushpins，但它們不提供適當的圖釘拖動。

最早的幫助或需要更多的信息？提前致謝！

示例圖像：當您在以下鏈接中看到標記時，但它在bing地圖中不起作用我不知道爲什麼！

`https://jsfiddle.net/BalakrishnanE/19z7rd1h/#&togetherjs=NwAKHyPv9G`

來源

2017-08-14 Bala Krishnan

我強烈推薦使用SVG模板來查看圖釘。這將允許您使用形狀顏色選項輕鬆更改顏色。下面是一個提供不同SVG圖釘模板示例的工具：http://bingmapsv8samples.azurewebsites.net/#SVG%20Pushpin%20Maker

如果您可以提供要創建的圖釘的屏幕截圖，那麼我可以看看是否可以將SVG模板放在一起。

來源

2017-08-14 15:26:53 rbrundritt

附上了一個示例圖片我的問題..我也有附加圖像的SVG標記..但它不僅僅是在bing地圖工作我duno爲什麼..但我可以成功地在w3schools編輯器中加載該圖像.. –

問題在於你的SVG包含一個指向外部圖像的鏈接。爲了在HTML5畫布上呈現SVG，它通過圖像標籤加載並在畫布上繪製。該過程發生得比外部圖像加載的速度快。爲了解決這個問題，請將外部圖像轉換爲數據uri並將其放入svg的href屬性中。這是一個簡單的在線轉換圖像的工具，只需將其拖放即可。 http://www.cssportal.com/image-to-data/現在你使用的圖像相當大，但基本。將它轉換爲純SVG會更有意義，因爲它會小很多 – rbrundritt

感謝@rbrundritt！明白！我現在幾乎能夠得到我想要的東西..現在這是好的，我希望我能解決將來出現的這些問題！但如果我面臨任何問題，我會發表評論..感謝您的幫助！ –

將多個圖標添加到Bing地圖API的圖釘v8

回答

相關問題