![](\"https://www.bvrobotics.com/media/RV/CamperChat/{{items[elementtoDisplay].itemtype}}.jpg\")
\n \n ![](\"https://www.bvrobotics.com/media/RV/CamperChat/localita/{{titolo)
\n ![](\"https://www.bvrobotics.com/media/RV/CamperChat/news.jpg\")
\n \n ![](\"https://www.bvrobotics.com/media/RV/CamperChat/NEWS_title.jpg\")
\n \n \n![](\"https://www.bvrobotics.com/media/RV/CamperChat/logo){kind=logo}
\n \n ![](\"https://www.bvrobotics.com/media/RV/CamperChat/CamperReview/{{item.localita)
alt=\"Card image cap\">\n {{item.provincia}}
\n![](\"https://www.bvrobotics.com/media/RV/CamperChat/people/{{message.sender}}.jpg\")
\n \n ![](\"https://www.bvrobotics.com/media/RV/CamperChat/{{card.itemtype}}.jpg\")
\n {{FlashMessage}}
\r\n","import { BvroboticsapiService } from './../../bvroboticsapi.service';\nimport { Subscription } from 'rxjs';\nimport { stringify } from 'querystring';\nimport { DataService } from './../../data.service';\n\nimport { Itemtoshow } from './../../itemtoshow';\nimport { Component, OnInit, OnChanges, SimpleChanges, ViewChild, ElementRef, Input } from '@angular/core';\nimport {FormControl} from '@angular/forms';\nimport { NgForm } from '@angular/forms';\n\nimport {ChangeDetectorRef} from '@angular/core'\nimport { Location } from '@angular/common';\nimport * as xml2js from 'xml2js';\n\n\n\n\ndeclare var H: any;\n//declare var routeTo:string;\n\n\n@Component({\n selector: 'here-map',\n templateUrl: './here-map.component.html',\n styleUrls: ['./here-map.component.css']\n})\nexport class HereMapComponent implements OnInit {\n\n\n myLat:string = 'NoDef';\n myLon:string = 'NoDef';\n routeTo:string = 'NoDef';\n veichle:string = 'car';\n\n //Timeout for the navigation\n navigationTimeout = 5000;\n //disableSelect = new FormControl(false);\n\n @ViewChild(\"map\")\n public mapElement: ElementRef;\n\n @Input()\n public appId: any;\n\n @Input()\n public appCode: any;\n\n @Input()\n public start: any;\n\n @Input()\n public finish: any;\n\n @Input()\n public width: any;\n\n @Input()\n public height: any;\n\n directions:string[] = [];\n \n\n private platform: any;\n private map: any;\n private router: any;\n public herejason:string;\n private PlaceHolderPlaced:boolean=false;\n\n items: Itemtoshow[] = [];\n targetElement:any;\n defaultLayers:any;\n message:string;\n ui:any;\n navTimer:any;\n navTimeout:number;\n pathDrown:boolean = false;\n duringNavMarker:any;\n \n\n svgMarkup:string = '';\n \n\n public constructor(private data:DataService, private ref: ChangeDetectorRef, private bvAPI:BvroboticsapiService) { \n\n \n }\n\n\n public ngOnInit() {\n this.platform = new H.service.Platform({\n 'apikey': 'tfrc343AbP8CCjd2PKNbJHp80sugVeXNMZxF5vi8kMk'\n });\n \n\n \n this.router = this.platform.getRoutingService(null, 8);\n\n this.data.currentMessage.subscribe(message => { this.message = message; this.MoveTheMap(this.message); })\n\n }\n\n MoveTheMap(msg:string)\n {\n //alert(this.message);\n if (msg != 'InitMSG') {\n if(msg.indexOf('CENTRA:')>-1) {\n var lat = msg.substr(7,msg.indexOf(';')-7);\n var lon = msg.substr(msg.indexOf(';') + 1, msg.length-lat.length-8);\n this.map.setCenter({lat:lat, lng:lon});\n this.map.setZoom(13);\n if(this.PlaceHolderPlaced == false)\n this.map.addObject(new H.map.Marker({lat:lat, lng:lon}))\n }\n else if(msg.indexOf('ROUTE:')>-1) {\n this.routeTo = msg;\n if((this.myLat == 'NoDef')||(this.myLon == 'NoDef'))\n alert('Please retrieve your current location first');\n else{\n this.route();\n }\n\n\n \n }\n }\n\n }\n\n IconWithNumber(index) {\n var Marker:string = '';\n return Marker;\n }\n\n StartNavigating() {\n \n if(this.pathDrown == true) {\n this.navTimeout = this.navigationTimeout;\n this.navTimer = setInterval(this.ShowPosOnMapduringNav, 5000, this);\n }\n else alert('Percorso non ancora definito');\n \n }\n\n StopNavigating() {\n \n this.navTimeout = 1;\n clearInterval(this.navTimer);\n \n }\n\n ShowPosOnMapduringNav(that) {\n \n \n that.navTimeout--;\n if(that.navTimeout == 0)\n clearInterval(this.navTimer);\n else {\n that.map.setCenter({lat:that.myLat, lng:that.myLon});\n that.map.setZoom(18);\n var icon = new H.map.Icon(that.svgMarkup);\n this.map.removeObjects(this.duringNavMarker);\n this.duringNavMarker = new H.map.Marker({\n lat: that.myLat,\n lng: that.myLon\n }, {icon: icon});\n that.map.addObject(this.duringNavMarker);\n }\n\n }\n\n ShowPosOnMap() {\n \n \n if((this.myLat == 'NoDef')||(this.myLon == 'NoDef')){\n \n //get the current position\n this.GetCurrPosAction().then(pos=>\n {\n //alert(`Positon: ${pos.lng} ${pos.lat}`);\n this.myLat = pos.lat;\n this.myLon = pos.lng;\n this.map.setCenter({lat:this.myLat, lng:this.myLon});\n this.map.setZoom(13);\n var icon = new H.map.Icon(this.svgMarkup);\n this.map.removeObjects(this.map.getObjects());\n \n //this.map.addObject(new H.map.Marker({lat:this.myLat, lng:this.myLon}))\n \n var CamperMarker = new H.map.Marker({\n lat: this.myLat,\n lng: this.myLon\n }, {icon: icon});\n this.map.addObject(CamperMarker);\n \n });\n \n }\n else {\n alert('cerco la poszione');\n this.map.setCenter({lat:this.myLat, lng:this.myLon});\n this.map.setZoom(13);\n var icon = new H.map.Icon(this.svgMarkup);\n this.map.removeObjects(this.map.getObjects());\n\n //this.map.addObject(new H.map.Marker({lat:this.myLat, lng:this.myLon}))\n\n var CamperMarker = new H.map.Marker({\n lat: this.myLat,\n lng: this.myLon\n }, {icon: icon});\n this.map.addObject(CamperMarker);\n\n\n\n\n \n \n }\n \n \n \n }\n\n\n GetCurrPosAction(): Promise![](\"https://www.bvrobotics.com/media/RV/CamperChat/localita/{{data.titolo)
\n ![](\"https://www.bvrobotics.com/media/RV/CamperChat/localita/{{item.localita)
\n ![](\"https://www.bvrobotics.com/media/RV/CamperChat/CamperReview/{{data.titolo)
\n \n ![](\"https://www.bvrobotics.com/media/RV/CamperChat/{{item.itemtype}}.jpg\")
\n \n \n \n \n\n
\n![](\"https://www.bvrobotics.com/media/miniservices/echospot.jpg\")
\n \n \n
\n![\"RVPlanner](\"https://www.bvrobotics.com/media/RV/CamperChat/People/Robotic%20Postmaster.JPG\")
Assistente Buonevacanze.org![\"RVPlanner](\"https://www.bvrobotics.com/media/RVPlanner/Route.JPG\")
Route Planner for Caravan\n \n