Joodle:Xcode和Swift Notes.1

今年秋天,我正在从事一个名为Joodle的游戏化项目,以使慢跑成为一项有趣的活动。 作为面向慢跑者的移动应用程序, Joodle设计为包括地图视图并跟踪用户的慢跑路线。 我们希望有一个简单的工作原型来更好地测试和演示该想法。 因此,我选择使用Swift和Xcode进行开发。

Xcode对初学者很友好。 当我们团队中的视觉设计师在UI部件上工作时,我实现了线框以贯穿工作流程。

我正在研究的第一部分是地图部分。 遵循Google Maps API网页上的教程之后,CocoaPods随即安装了Google Map SDK。 该教程可以如下所示:

制备

通过终端安装Ruby:

  $ curl -L https://get.rvm.io |  bash -s稳定 
  $源〜/ .rvm / scripts / rvm 
  $ rvm -v 
$ rvm install 2.0.0 
  $ rvm 2.0.0 -- default 

安装CocoaPods:

 $ sudo gem install cocoapods 

CocoaPods指南
CocoaPods依赖项管理器的官方文档站点。 guides.cocoapods.org

安装Google Maps SDK并获取API密钥:

入门指南 适用于iOS的Google Maps SDK | Google开发人员
为了让您入门,我们将引导您通过Google Developers Console首先执行一些操作: developers.google.com

如果运行Podfile时遇到问题,请在终端中尝试$ pod update

 $ pod update 

添加地图

添加API密钥后,可以通过情节提要和视图控制器实现Google Map。

在情节提要中,选择一个视图并将类设置为GMSMapView,然后在按住Ctrl的情况下将其拖动到视图控制器中,以创建IBOutlet。

  @IBOutlet弱var joogleMap:GMSMapView! 
 覆盖func viewDidLoad(){ 
  super.viewDidLoad() 
 让viewcamera = GMSCameraPosition.camera(withLatitude:33.86,经度:-84.3,缩放:15.0) 
  joodleMap.camera = viewcamera 
  } 

设置地图样式

由于Joodle是游戏化应用程序,因此作为设计师,我们希望看到风格的一致性。 Google提供了出色的样式编辑器,称为Google Maps API样式向导,供开发人员和设计人员自定义地图。 样式将导出为.json文件。

.json文件导入到项目存储库中, func viewDidLoad()的以下代码使用样式渲染地图。

样式向导:Google Maps API
自定义颜色,道路,标签等。 然后在Google Maps API项目中使用自定义样式。 mapstyle.withgoogle.com

 做{ 
  //通过传递本地文件的URL设置地图样式。 
 如果让styleURL = Bundle.main.url(forResource:“ style”,withExtension:“ json”){ 
  joodleMap.mapStyle =尝试GMSMapStyle(contentsOfFileURL:styleURL) 
  }其他{ 
  NSLog(“无法找到style.json”) 
  } 
  } 
 赶上{ 
  NSLog(“无法加载样式定义:\(错误)”) 
  }