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(“无法加载样式定义:\(错误)”)
}