{"id":24333158,"url":"https://github.com/chrisweb/capacitor_google_maps_ticket_1526","last_synced_at":"2025-09-10T21:10:47.076Z","repository":{"id":232376904,"uuid":"627678348","full_name":"chrisweb/capacitor_google_maps_ticket_1526","owner":"chrisweb","description":"code reproduction repository for capacitor google maps plugin bug","archived":false,"fork":false,"pushed_at":"2023-04-14T01:30:42.000Z","size":42,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-07T17:59:21.562Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chrisweb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-04-14T01:10:02.000Z","updated_at":"2023-04-14T01:13:11.000Z","dependencies_parsed_at":"2024-04-09T14:40:32.001Z","dependency_job_id":"2e93eea6-cc74-40d4-9931-4b696f5f213a","html_url":"https://github.com/chrisweb/capacitor_google_maps_ticket_1526","commit_stats":null,"previous_names":["chrisweb/capacitor_google_maps_ticket_1526"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisweb%2Fcapacitor_google_maps_ticket_1526","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisweb%2Fcapacitor_google_maps_ticket_1526/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisweb%2Fcapacitor_google_maps_ticket_1526/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisweb%2Fcapacitor_google_maps_ticket_1526/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chrisweb","download_url":"https://codeload.github.com/chrisweb/capacitor_google_maps_ticket_1526/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243047617,"owners_count":20227591,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-18T03:13:27.887Z","updated_at":"2025-03-11T13:46:33.541Z","avatar_url":"https://github.com/chrisweb.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# code reproduction repository for capacitor google maps plugin bug\n\ncode reproduction example for the tickets [capacitor-plugins issue #1139](https://github.com/ionic-team/capacitor-plugins/issues/1139) and [capacitor-plugins issue #1526](https://github.com/ionic-team/capacitor-plugins/issues/1526) regarding a bug in the [capacitor google maps plugin](https://github.com/ionic-team/capacitor-plugins/tree/main/google-maps)\n\na PR with a fix is available: [Cast marker id to string to avoid JS int issues #1222](https://github.com/ionic-team/capacitor-plugins/pull/1222) (submitted on Oct 11, 2022 by [muuvmuuv](https://github.com/muuvmuuv))\n\n## steps to reproduce the issue\n\nsetup the app as described in the chapter [development environment](#development-environment-setup)\n\nopen the app and then the safari console, as decribed in the chapter [app testing in Xcode using a real device](#app-testing-in-xcode-using-a-real-device)\n\nclick the **add marker** button\n\nthen click on the marker inside of the map\n\nlook at the console (in safari dev tools)\n\n## development environment setup\n\ngo into the root of this project an install the npm dependencies, using the following command (in your VSCode terminal):\n\n```shell\nnpm i\n```\n\nadd the iOS platform to the project, using this command:\n\n```shell\nnpx cap add ios\n```\n\nmake a copy of the `app.config.js.dist` and name it `app.config.js`, then open it and add your Google Maps API key\n\nthen make a build of the project, using the following command:\n\n```shell\nnpm run build\n```\n\nnow we do a copy and update of the build and plugins for capacitor, using the command:\n\n```shell\nnpx cap sync\n```\n\nfinally open the capacitor app in Xcode, using this command:\n\n```shell\nnpx cap open ios\n```\n\n## app testing in Xcode using a real device\n\nto test the app, connect your iPhone via USB to your Mac (if you have an M1 Mac using the simulator won't work as the Google Maps SDK being used is not compatible, this is why we use a native device), then in XCode click the **\u003e** play button to build the app (ensure that in Xcode on top next to **App \u003e** it is your phone that is selected and not an iOS simulator)\n\nthe first time (if you did not set your developer account in the app settings) you will see an error \"build failed\", on top you will see a red circle with an \"x\" click on it and you will see that the error is \"Signing for \"App\" requires a development team\", click on the error message to be redirected to the app settings, click on \"Signing \u0026 Capabilities\", under **Targets \u003e** click on **App**, then next to **Capability** chose the option **All** (and NOT debug or release), then as **Team** chose your apple account and as **Bundle Identifier** chose something like \"com.example_cap_bug.app\", now click below on the button \"Try Again\", signing should now be fixed, so now hit the **\u003e** play button again to launch the build process\n\nnow the build might fail again, unlock your phone and you should see a message **untrusted developer**, to fix that open the **settings app**, go into **General** then click on **VPN \u0026 Device Management**, then under **developer app** click on your account, then click **trust** and confirm a second time in the modal, go back into Xcode and launch the build again\n\nthen open safari, in the safari navigation click on **delevop** and wait for your iPhone to show up, click on **iPhone**, then click on **localhost**, then open the **console tab** in the developper tools\n\n## installation steps history\n\nthe [\"Creating a Code Reproduction\" chapter from the capacitor CONTRIBUTING.md document](https://github.com/ionic-team/capacitor/blob/main/CONTRIBUTING.md) recommends using the following command to create a basic app using [`@capacitor/create-app`](https://github.com/ionic-team/create-capacitor-app):\n\n```shell\nnpm init @capacitor/app\n```\n\nI removed @capacitor/camera and @capacitor/splash-screen that been added by @capacitor/create-app as those are not needed for our code reproduction:\n\n```shell\nnpm uninstall @capacitor/camera @capacitor/splash-screen\n```\n\nnext I added the [@capacitor/google-maps v4.5.0](https://www.npmjs.com/package/@capacitor/google-maps) plugin:\n\n```shell\nnpm i @capacitor/google-maps --save-exact\n```\n\nthen I added the capacitor iOS [@capacitor/ios v4.7.3](https://www.npmjs.com/package/@capacitor/ios) package as this bug is in the iOS version of the plugin:\n\n```shell\nnpm i @capacitor/ios --save-exact\n```\n\nand initialzed the capacitor iOS package using the command:\n\n```shell\nnpx cap add ios\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrisweb%2Fcapacitor_google_maps_ticket_1526","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchrisweb%2Fcapacitor_google_maps_ticket_1526","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrisweb%2Fcapacitor_google_maps_ticket_1526/lists"}