example added and LATITUDE replace global

Author: abdurrahmanekr

example/App.js

@@ -110,6 +110,7 @@ export class App extends Component {
                         height: 300,
                         latitude: '37.773972',
                         longitude: '-122.431297',
+                        staticURL: 'https://api.mapbox.com/styles/v1/mapbox/streets-v11/static/pin-s-circle+FF0000(LONGITUDE,LATITUDE)/LONGITUDE,LATITUDE,ZOOM/270x200@2x?access_token=KEY',
                     },
                     onLoad: () => {
                         console.log('Photo loaded');

src/LocationMessage/LocationMessage.js

@@ -16,8 +16,8 @@ export class LocationMessage extends Component {
     buildURL(url) {
         var center = this.props.data || {};
 
-        return url.replace('LATITUDE', center.latitude)
-                  .replace('LONGITUDE', center.longitude)
+        return url.replace(/LATITUDE/g, center.latitude)
+                  .replace(/LONGITUDE/g, center.longitude)
                   .replace('MARKER_COLOR', this.props.markerColor)
                   .replace('ZOOM', this.props.zoom)
                   .replace('KEY', this.props.apiKey);