move symbols to scattermapbox

Author: “mahdis-z”

_posts/plotly_js/maps/scattermapbox/2019-09-02-symbols.html

@@ -0,0 +1,31 @@
+---
+name: Set Marker Symbols
+plot_url: https://codepen.io/plotly/embed/PoYjYMy/?height=510&theme-id=15263&default-tab=result
+language: plotly_js
+suite: scattermapbox
+order: 5
+sitemap: false
+arrangement: horizontal
+markdown_content: |
+     This example uses [symbol attribute](https://plot.ly/javascript/reference/#scattermapbox-marker-symbol) to set the marker symbol.
+---
+var data = [
+	{
+		type: "scattermapbox",
+		mode: "markers+text+lines",
+		lon: [-75, -80, -50],
+		lat: [45, 20, -20],
+		marker: { size: 20, symbol: ["bus", "harbor", "airport"] },
+		text: ["Bus", "Harbor", "Airport"],
+		textposition: "bottom right"
+	}
+];
+
+var layout = {
+	mapbox: { style: "outdoors", zoom: 0.7 },
+	showlegend: false, height: 500, width: 700
+};
+
+var config = {mapboxAccessToken: "add-your-token-here"};
+
+Plotly.newPlot("gd", data, layout, config);