mamezito-zz

send = ->
	xhr = new XMLHttpRequest
	url = baseUrl 
	xhr.open 'POST', url, true
	xhr.setRequestHeader 'Content-type', 'application/json'
	xhr.setRequestHeader 'Authorization', 'Bearer ' + accessToken
	
	xhr.onreadystatechange = ->
		if xhr.readyState == 4 and xhr.status == 200
			print JSON.parse(xhr.responseText)

mamezito-zz

if pageComponent.x<350
  layerA.x = Utils.modulate(pageComponent.x,[0,350],[0,100],true)
 else if pageComponent.x>350
  layerA.x = Utils.modulate(pageComponent.x,[350,1050],[100,1000],true)
  

mamezito-zz

{MapboxJS, CustomMarker, Marker, animateOnRoute} = require 'MapboxJS'

myMap = new mapboxJS
  accessToken: 'insertHereYourAccessToken'

mamezito-zz

point2=["-0.089039","51.526553"]

simpleMarker=new Marker
  size:20
  point:point2
  borderRadius:50
  backgroundColor:"#ffcc00"

mamezito-zz

point2=["-0.089039","51.526553"]

startPoint=new Layer
  size:20
  borderRadius:20
  
customMarker=new CustomMarker
  target:startPoint
  point:point2

mamezito-zz

myMap.buildRoute(point1, point2, 9, "#ffcc00")
#where myMap - is your map object name. Point1, Point2 are your start and end points of route, last two attributes are strokeWidth and strokeColor

mamezito-zz

# use animateOnRoute function, pass marker object there, end point, and distance step - in this case 0.01, tweek this number to make animation smooth depending on size of the route between points
animateOnRoute(customMarker, point1, 0.01)

mamezito-zz

#initial setup
#modules
{MapboxJS, CustomMarker, Marker, animateOnRoute} = require "mapbox-js/MapboxJS"



mapboxToken='your api key'

mamezito-zz

# use build3D method on mapobject load, mind that  bearing, hash and pitch should be set at mapbox initialization
myMap = new MapboxJS
  accessToken: mapboxToken	
  style: styles.light
  zoom: 12
  center: originPoint
  pitch: 45,
  bearing: -17.6,
  hash: true
myMap.mapbox.on 'load', ->

mamezito-zz

import * as React from "react";
import { PropertyControls, ControlType } from "framer";
import { Button } from "@bulb/design";

interface Props {
  text: string;
  width: number;
  height: number;
  fullWidth: boolean;
}