places.qml Example File | Qt Location 5.6

Qt 5.6 | Qt Location | Places (QML) | places.qml Example File

Qt 5.6.2 Reference Documentation

# places.qml Example File

places/places.qml

      /****************************************************************************
      **
      ** Copyright (C) 2015 The Qt Company Ltd.
      ** Contact: http://www.qt.io/licensing/
      **
      ** This file is part of the examples of the Qt Toolkit.
      **
      ** $QT_BEGIN_LICENSE:BSD$
      ** You may use this file under the terms of the BSD license as follows:
      **
      ** "Redistribution and use in source and binary forms, with or without
      ** modification, are permitted provided that the following conditions are
      ** met:
      **   * Redistributions of source code must retain the above copyright
      **     notice, this list of conditions and the following disclaimer.
      **   * Redistributions in binary form must reproduce the above copyright
      **     notice, this list of conditions and the following disclaimer in
      **     the documentation and/or other materials provided with the
      **     distribution.
      **   * Neither the name of The Qt Company Ltd nor the names of its
      **     contributors may be used to endorse or promote products derived
      **     from this software without specific prior written permission.
      **
      **
      ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
      ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
      ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
      ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
      ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
      ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
      ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
      ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
      ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
      ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
      ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
      **
      ** $QT_END_LICENSE$
      **
      ****************************************************************************/

      import QtQuick 2.5
      import QtQuick.Controls 1.4
      import QtQuick.Layouts 1.2
      import QtPositioning 5.5
      import QtLocation 5.6
      import "items"

      ApplicationWindow {
          id: appWindow
          property Map map
          property variant parameters
          property variant searchLocation: map ? map.center : QtPositioning.coordinate()
          property variant searchRegion: QtPositioning.circle(searchLocation)
          property variant searchRegionItem

          property Plugin favoritesPlugin

          function getPlugins() {
              var plugin = Qt.createQmlObject('import QtLocation 5.3; Plugin {}', appWindow);
              var myArray = new Array;
              for (var i = 0; i < plugin.availableServiceProviders.length; i++) {
                  var tempPlugin = Qt.createQmlObject ('import QtLocation 5.3; Plugin {name: "' + plugin.availableServiceProviders[i]+ '"}', appWindow)

                  if (tempPlugin.supportsPlaces() && tempPlugin.supportsMapping() )
                      myArray.push(tempPlugin.name)
              }
              myArray.sort()
              return myArray;
          }

          function initializeProviders(pluginParameters)
          {
              var parameters = new Array()
              for (var prop in pluginParameters) {
                  var parameter = Qt.createQmlObject('import QtLocation 5.3; PluginParameter{ name: "'+ prop + '"; value: "' + pluginParameters[prop]+'"}',appWindow)
                  parameters.push(parameter)
              }
              appWindow.parameters = parameters
              var plugins = getPlugins()
              mainMenu.providerMenu.createMenu(plugins)
              for (var i = 0; i<plugins.length; i++) {
                  if (plugins[i] === "osm")
                      mainMenu.selectProvider(plugins[i])
              }
          }

          function createMap(provider) {
              var plugin;
              if (parameters && parameters.length>0)
                  plugin = Qt.createQmlObject ('import QtLocation 5.3; Plugin{ name:"' + provider + '"; parameters: appWindow.parameters}', appWindow)
              else
                  plugin = Qt.createQmlObject ('import QtLocation 5.3; Plugin{ name:"' + provider + '"}', appWindow)

              if (map)
                  map.destroy();
              map = mapComponent.createObject(page);
              map.plugin = plugin;
              map.zoomLevel = (map.maximumZoomLevel - map.minimumZoomLevel)/2
              categoryModel.plugin = plugin;
              categoryModel.update();
              placeSearchModel.plugin = plugin;
              suggestionModel.plugin = plugin;
          }

          title: qsTr("Places")
          width: 360
          height: 640
          visible: true
          menuBar: mainMenu
          toolBar: searchBar

          MainMenu {
              id: mainMenu
              onSelectProvider: {
                  stackView.pop(page)
                  for (var i = 0; i < providerMenu.items.length; i++) {
                      providerMenu.items[i].checked = providerMenu.items[i].text === providerName
                  }

                  createMap(providerName)
                  if (map.error === Map.NoError) {
                      settingsMenu.createMenu(map);
                  } else {
                      settingsMenu.clear();
                  }
              }
              onSelectSetting: {
                  stackView.pop({tem:page,immediate: true})
                  switch (setting) {
                  case "searchCenter":
                      stackView.push({ item: Qt.resolvedUrl("forms/SearchCenter.qml") ,
                                         properties: { "coordinate": map.center}})
                      stackView.currentItem.changeSearchCenter.connect(stackView.changeSearchCenter)
                      stackView.currentItem.closeForm.connect(stackView.closeForm)
                      break
                  case "searchBoundingBox":
                      stackView.push({ item: Qt.resolvedUrl("forms/SearchBoundingBox.qml") ,
                                         properties: { "searchRegion": searchRegion}})
                      stackView.currentItem.changeSearchBoundingBox.connect(stackView.changeSearchBoundingBox)
                      stackView.currentItem.closeForm.connect(stackView.closeForm)
                      break
                  case "searchBoundingCircle":
                      stackView.push({ item: Qt.resolvedUrl("forms/SearchBoundingCircle.qml") ,
                                         properties: { "searchRegion": searchRegion}})
                      stackView.currentItem.changeSearchBoundingCircle.connect(stackView.changeSearchBoundingCircle)
                      stackView.currentItem.closeForm.connect(stackView.closeForm)
                      break
                  case "SearchOptions":
                      stackView.push({ item: Qt.resolvedUrl("forms/SearchOptions.qml") ,
                                         properties: { "plugin": map.plugin,
                                             "model": placeSearchModel}})
                      stackView.currentItem.changeSearchSettings.connect(stackView.changeSearchSettings)
                      stackView.currentItem.closeForm.connect(stackView.closeForm)
                      break
                  default:
                      console.log("Unsupported setting !")
                  }
              }
          }

          SearchBar {
              id: searchBar
              width: appWindow.width
              searchBarVisbile: stackView.depth > 1 &&
                                stackView.currentItem &&
                                stackView.currentItem.objectName != "suggestionView" ? false : true
              onShowCategories: {
                  if (map && map.plugin) {
                      stackView.pop({tem:page,immediate: true})
                      stackView.enterCategory()
                  }
              }
              onGoBack: stackView.pop()
              onSearchTextChanged: {
                  if (searchText.length >= 3 && suggestionModel != null) {
                      suggestionModel.searchTerm = searchText;
                      suggestionModel.update();
                  }
              }
              onDoSearch: {
                  if (searchText.length > 0)
                      placeSearchModel.searchForText(searchText);
              }
              onShowMap: stackView.pop(page)
          }

          StackView {
              id: stackView

              function showMessage(title,message,backPage)
              {
                  push({ item: Qt.resolvedUrl("forms/Message.qml") ,
                           properties: {
                               "title" : title,
                               "message" : message,
                               "backPage" : backPage
                           }})
                  currentItem.closeForm.connect(closeMessage)
              }

              function closeMessage(backPage)
              {
                  pop(backPage)
              }

              function closeForm()
              {
                  pop(page)
              }

              function enterCategory(index)
              {
                  push({ item: Qt.resolvedUrl("views/CategoryView.qml") ,
                           properties: { "categoryModel": categoryModel,
                               "rootIndex" : index
                           }})
                  currentItem.showSubcategories.connect(stackView.enterCategory)
                  currentItem.searchCategory.connect(placeSearchModel.searchForCategory)
              }

              function showSuggestions()
              {
                  if (currentItem.objectName != "suggestionView") {
                      stackView.pop(page)
                      push({ item: Qt.resolvedUrl("views/SuggestionView.qml") ,
                               properties: { "suggestionModel": suggestionModel }
                           })
                      currentItem.objectName = "suggestionView"
                      currentItem.suggestionSelected.connect(searchBar.showSearch)
                      currentItem.suggestionSelected.connect(placeSearchModel.searchForText)
                  }
              }

              function showPlaces()
              {
                  if (currentItem.objectName != "searchResultView") {
                      stackView.pop({tem:page,immediate: true})
                      push({ item: Qt.resolvedUrl("views/SearchResultView.qml") ,
                               properties: { "placeSearchModel": placeSearchModel }
                           })
                      currentItem.showPlaceDetails.connect(showPlaceDatails)
                      currentItem.showMap.connect(searchBar.showMap)
                      currentItem.objectName = "searchResultView"
                  }
              }

              function showPlaceDatails(place, distance)
              {
                  push({ item: Qt.resolvedUrl("forms/PlaceDetails.qml") ,
                           properties: { "place": place,
                               "distanceToPlace": distance }
                       })
                  currentItem.searchForSimilar.connect(searchForSimilar)
                  currentItem.showReviews.connect(showReviews)
                  currentItem.showEditorials.connect(showEditorials)
                  currentItem.showImages.connect(showImages)
              }

              function showEditorials(place)
              {
                  push({ item: Qt.resolvedUrl("views/EditorialView.qml") ,
                           properties: { "place": place }
                       })
                  currentItem.showEditorial.connect(showEditorial)
              }

              function showReviews(place)
              {
                  push({ item: Qt.resolvedUrl("views/ReviewView.qml") ,
                           properties: { "place": place }
                       })
                  currentItem.showReview.connect(showReview)
              }

              function showImages(place)
              {
                  push({ item: Qt.resolvedUrl("views/ImageView.qml") ,
                           properties: { "place": place }
                       })
              }

              function showEditorial(editorial)
              {
                  push({ item: Qt.resolvedUrl("views/EditorialPage.qml") ,
                           properties: { "editorial": editorial }
                       })
              }

              function showReview(review)
              {
                  push({ item: Qt.resolvedUrl("views/ReviewPage.qml") ,
                           properties: { "review": review }
                       })
              }

              function changeSearchCenter(coordinate)
              {
                  stackView.pop(page)
                  map.center = coordinate;
                  if (searchRegionItem) {
                      map.removeMapItem(searchRegionItem);
                      searchRegionItem.destroy();
                  }
              }

              function changeSearchBoundingBox(coordinate,widthDeg,heightDeg)
              {
                  stackView.pop(page)
                  map.center = coordinate
                  searchRegion = QtPositioning.rectangle(map.center, widthDeg, heightDeg)
                  if (searchRegionItem) {
                      map.removeMapItem(searchRegionItem);
                      searchRegionItem.destroy();
                  }
                  searchRegionItem = Qt.createQmlObject('import QtLocation 5.3; MapRectangle { color: "#46a2da"; border.color: "#190a33"; border.width: 2; opacity: 0.25 }', page, "MapRectangle");
                  searchRegionItem.topLeft = searchRegion.topLeft;
                  searchRegionItem.bottomRight = searchRegion.bottomRight;
                  map.addMapItem(searchRegionItem);
              }

              function changeSearchBoundingCircle(coordinate,radius)
              {
                  stackView.pop(page)
                  map.center = coordinate;
                  searchRegion = QtPositioning.circle(coordinate, radius)

                  if (searchRegionItem) {
                      map.removeMapItem(searchRegionItem);
                      searchRegionItem.destroy();
                  }
                  searchRegionItem = Qt.createQmlObject('import QtLocation 5.3; MapCircle { color: "#46a2da"; border.color: "#190a33"; border.width: 2; opacity: 0.25 }', page, "MapRectangle");
                  searchRegionItem.center = searchRegion.center;
                  searchRegionItem.radius = searchRegion.radius;
                  map.addMapItem(searchRegionItem);
              }

              function changeSearchSettings(orderByDistance, orderByName, locales)
              {
                  stackView.pop(page)
                  /*if (isFavoritesEnabled) {
                      if (favoritesPlugin == null)
                          favoritesPlugin = Qt.createQmlObject('import QtLocation 5.3; Plugin { name: "places_jsondb" }', page);
                      favoritesPlugin.parameters = pluginParametersFromMap(pluginParameters);
                      placeSearchModel.favoritesPlugin = favoritesPlugin;
                  } else {
                      placeSearchModel.favoritesPlugin = null;
                  }*/
                  placeSearchModel.favoritesPlugin = null;

                  placeSearchModel.relevanceHint = orderByDistance ? PlaceSearchModel.DistanceHint :
                                                                     orderByName ? PlaceSearchModel.LexicalPlaceNameHint :
                                                                                   PlaceSearchModel.UnspecifiedHint;
                  map.plugin.locales = locales.split(Qt.locale().groupSeparator);
              }

              function searchForSimilar(place) {
                  stackView.pop(page)
                  searchBar.showSearch(place.name)
                  placeSearchModel.searchForRecommendations(place.placeId);
              }

              anchors.fill: parent
              focus: true
              initialItem:  Item {
                  id: page

                  PlaceSearchModel {
                      id: placeSearchModel
                      searchArea: searchRegion

                      function searchForCategory(category) {
                          searchTerm = "";
                          categories = category;
                          recommendationId = "";
                          searchArea = searchRegion
                          limit = -1;
                          update();
                      }

                      function searchForText(text) {
                          searchTerm = text;
                          categories = null;
                          recommendationId = "";
                          searchArea = searchRegion
                          limit = -1;
                          update();
                      }

                      function searchForRecommendations(placeId) {
                          searchTerm = "";
                          categories = null;
                          recommendationId = placeId;
                          searchArea = null;
                          limit = -1;
                          update();
                      }

                      onStatusChanged: {
                          switch (status) {
                          case PlaceSearchModel.Ready:
                              if (count > 0)
                                  stackView.showPlaces()
                              else
                                  stackView.showMessage(qsTr("Search Place Error"),qsTr("Place not found !"))
                              break;
                          case PlaceSearchModel.Error:
                              stackView.showMessage(qsTr("Search Place Error"),errorString())
                              break;
                          }
                      }
                  }

                  PlaceSearchSuggestionModel {
                      id: suggestionModel
                      searchArea: searchRegion

                      onStatusChanged: {
                          if (status == PlaceSearchSuggestionModel.Ready)
                              stackView.showSuggestions()
                      }
                  }

                  CategoryModel {
                      id: categoryModel
                      hierarchical: true
                  }

                  Component {
                      id: mapComponent

                      MapComponent {
                          width: page.width
                          height: page.height

                          onErrorChanged: {
                              if (map.error != Map.NoError) {
                                  var title = qsTr("ProviderError");
                                  var message =  map.errorString + "<br/><br/><b>" + qsTr("Try to select other provider") + "</b>";
                                  if (map.error == Map.MissingRequiredParameterError)
                                      message += "<br/>" + qsTr("or see") + " \'mapviewer --help\' "
                                              + qsTr("how to pass plugin parameters.");
                                  stackView.showMessage(title,message);
                              }
                          }

                          MapItemView {
                              model: placeSearchModel
                              delegate: MapQuickItem {
                                  coordinate: model.type === PlaceSearchModel.PlaceResult ? place.location.coordinate : QtPositioning.coordinate()

                                  visible: model.type === PlaceSearchModel.PlaceResult

                                  anchorPoint.x: image.width * 0.28
                                  anchorPoint.y: image.height

                                  sourceItem: Image {
                                      id: image
                                      source: "resources/marker.png"
                                      MouseArea {
                                          anchors.fill: parent
                                          onClicked: stackView.showPlaceDatails(model.place,model.distance)
                                      }
                                  }
                              }
                          }
                      }
                  }
              }
          }

          Rectangle {
              color: "white"
              opacity: busyIndicator.running ? 0.8 : 0
              anchors.fill: parent
              Behavior on opacity { NumberAnimation{} }
          }
          BusyIndicator {
              id: busyIndicator
              anchors.centerIn: parent
              running: placeSearchModel.status == PlaceSearchModel.Loading ||
                       categoryModel.status === CategoryModel.Loading
          }
      }