Connecting MapKit annotations to a table view









up vote
2
down vote

favorite












I have view controller where the bottom half is tableview and the top half is a map. When it loads I call an API to get nearby places and load those places into an array. After the array is loaded I loop through the array to set an annotation for each location's lat, lon, and name and that same array is the data for the table view. What I am trying to do is connect the table cell and the annotation.



When someone taps the tableview I want the associated annotation to be selected with a call out for picking it. When someone taps the annotation I want the tableview to display the associated cell in the table view and highlight it. I researched and found the mapView function didSelect for processing the selected annotation but I don't know how to (or if you can) connect the 2. Right now I am faking it out by putting the array position into the annotation's subtitle and this allows me to read all the details from that position but it seems like the wrong way to do it.



...// load places into an array
curBlipPlace.name = yelp.name
curBlipPlace.distance = yelp.distance
curBlipPlace.address1 = yelp.address1
curBlipPlace.lat = yelp.lat
curBlipPlace.lon = yelp.lon
curBlipPlace.yelpId = yelp.yelpId
curBlipPlace.yelp = yelp
curBlipPlace.yelpArrayPosition = yelp.arrayPosition
self.blipPlaces.append(curBlipPlace)

..// After filling array, sort it, loop to load annotations, and load to table
self.blipPlaces.sort $0.distance ?? 9999 < $1.distance ?? 9999
for i in 0..<self.blipPlaces.count
if let lat = self.blipPlaces[i].lat, let lon = self.blipPlaces[i].lon
let coordinate = CLLocationCoordinate2D(latitude: lat, longitude: lon)
let annotation = MKPointAnnotation()
annotation.coordinate = coordinate
annotation.title = self.blipPlaces[i].name
annotation.subtitle = String(i)

self.map.addAnnotation(annotation)



self.PlaceTableView.reloadData()

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
let cell = PlaceTableView.dequeueReusableCell(withIdentifier: "fileCell", for: indexPath) as! BlipFileTVCell
cell.placeLabel.text = "(indexPath.row): (blipPlaces[indexPath.row].name) - (blipPlaces[indexPath.row].distance ?? 999)"
return cell


..// Rube Goldberg way of connecting table cell and annotation by forcing array position into subTitle
func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView)
print("CLICKED: (String(describing: view.annotation?.title))")
if let tempString = (view.annotation?.subtitle) as? String
print("ok... (tempString)")
if let tempInt = Int(tempString)
print(self.blipPlaces[tempInt].name)





Is there a better way to connect the annotation and the table cell? Is there a way to have the cell tap activate the annotation?



Also, since the tapped annotation may be the last cell in teh table, is there a way to "move" the table cell up if its off screen? If someone selects an annotation for the last item in the list is there a way to get the table cell to "scroll up" so that one is viewable and not off screen?



-dan










share|improve this question

























    up vote
    2
    down vote

    favorite












    I have view controller where the bottom half is tableview and the top half is a map. When it loads I call an API to get nearby places and load those places into an array. After the array is loaded I loop through the array to set an annotation for each location's lat, lon, and name and that same array is the data for the table view. What I am trying to do is connect the table cell and the annotation.



    When someone taps the tableview I want the associated annotation to be selected with a call out for picking it. When someone taps the annotation I want the tableview to display the associated cell in the table view and highlight it. I researched and found the mapView function didSelect for processing the selected annotation but I don't know how to (or if you can) connect the 2. Right now I am faking it out by putting the array position into the annotation's subtitle and this allows me to read all the details from that position but it seems like the wrong way to do it.



    ...// load places into an array
    curBlipPlace.name = yelp.name
    curBlipPlace.distance = yelp.distance
    curBlipPlace.address1 = yelp.address1
    curBlipPlace.lat = yelp.lat
    curBlipPlace.lon = yelp.lon
    curBlipPlace.yelpId = yelp.yelpId
    curBlipPlace.yelp = yelp
    curBlipPlace.yelpArrayPosition = yelp.arrayPosition
    self.blipPlaces.append(curBlipPlace)

    ..// After filling array, sort it, loop to load annotations, and load to table
    self.blipPlaces.sort $0.distance ?? 9999 < $1.distance ?? 9999
    for i in 0..<self.blipPlaces.count
    if let lat = self.blipPlaces[i].lat, let lon = self.blipPlaces[i].lon
    let coordinate = CLLocationCoordinate2D(latitude: lat, longitude: lon)
    let annotation = MKPointAnnotation()
    annotation.coordinate = coordinate
    annotation.title = self.blipPlaces[i].name
    annotation.subtitle = String(i)

    self.map.addAnnotation(annotation)



    self.PlaceTableView.reloadData()

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
    let cell = PlaceTableView.dequeueReusableCell(withIdentifier: "fileCell", for: indexPath) as! BlipFileTVCell
    cell.placeLabel.text = "(indexPath.row): (blipPlaces[indexPath.row].name) - (blipPlaces[indexPath.row].distance ?? 999)"
    return cell


    ..// Rube Goldberg way of connecting table cell and annotation by forcing array position into subTitle
    func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView)
    print("CLICKED: (String(describing: view.annotation?.title))")
    if let tempString = (view.annotation?.subtitle) as? String
    print("ok... (tempString)")
    if let tempInt = Int(tempString)
    print(self.blipPlaces[tempInt].name)





    Is there a better way to connect the annotation and the table cell? Is there a way to have the cell tap activate the annotation?



    Also, since the tapped annotation may be the last cell in teh table, is there a way to "move" the table cell up if its off screen? If someone selects an annotation for the last item in the list is there a way to get the table cell to "scroll up" so that one is viewable and not off screen?



    -dan










    share|improve this question























      up vote
      2
      down vote

      favorite









      up vote
      2
      down vote

      favorite











      I have view controller where the bottom half is tableview and the top half is a map. When it loads I call an API to get nearby places and load those places into an array. After the array is loaded I loop through the array to set an annotation for each location's lat, lon, and name and that same array is the data for the table view. What I am trying to do is connect the table cell and the annotation.



      When someone taps the tableview I want the associated annotation to be selected with a call out for picking it. When someone taps the annotation I want the tableview to display the associated cell in the table view and highlight it. I researched and found the mapView function didSelect for processing the selected annotation but I don't know how to (or if you can) connect the 2. Right now I am faking it out by putting the array position into the annotation's subtitle and this allows me to read all the details from that position but it seems like the wrong way to do it.



      ...// load places into an array
      curBlipPlace.name = yelp.name
      curBlipPlace.distance = yelp.distance
      curBlipPlace.address1 = yelp.address1
      curBlipPlace.lat = yelp.lat
      curBlipPlace.lon = yelp.lon
      curBlipPlace.yelpId = yelp.yelpId
      curBlipPlace.yelp = yelp
      curBlipPlace.yelpArrayPosition = yelp.arrayPosition
      self.blipPlaces.append(curBlipPlace)

      ..// After filling array, sort it, loop to load annotations, and load to table
      self.blipPlaces.sort $0.distance ?? 9999 < $1.distance ?? 9999
      for i in 0..<self.blipPlaces.count
      if let lat = self.blipPlaces[i].lat, let lon = self.blipPlaces[i].lon
      let coordinate = CLLocationCoordinate2D(latitude: lat, longitude: lon)
      let annotation = MKPointAnnotation()
      annotation.coordinate = coordinate
      annotation.title = self.blipPlaces[i].name
      annotation.subtitle = String(i)

      self.map.addAnnotation(annotation)



      self.PlaceTableView.reloadData()

      func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
      let cell = PlaceTableView.dequeueReusableCell(withIdentifier: "fileCell", for: indexPath) as! BlipFileTVCell
      cell.placeLabel.text = "(indexPath.row): (blipPlaces[indexPath.row].name) - (blipPlaces[indexPath.row].distance ?? 999)"
      return cell


      ..// Rube Goldberg way of connecting table cell and annotation by forcing array position into subTitle
      func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView)
      print("CLICKED: (String(describing: view.annotation?.title))")
      if let tempString = (view.annotation?.subtitle) as? String
      print("ok... (tempString)")
      if let tempInt = Int(tempString)
      print(self.blipPlaces[tempInt].name)





      Is there a better way to connect the annotation and the table cell? Is there a way to have the cell tap activate the annotation?



      Also, since the tapped annotation may be the last cell in teh table, is there a way to "move" the table cell up if its off screen? If someone selects an annotation for the last item in the list is there a way to get the table cell to "scroll up" so that one is viewable and not off screen?



      -dan










      share|improve this question













      I have view controller where the bottom half is tableview and the top half is a map. When it loads I call an API to get nearby places and load those places into an array. After the array is loaded I loop through the array to set an annotation for each location's lat, lon, and name and that same array is the data for the table view. What I am trying to do is connect the table cell and the annotation.



      When someone taps the tableview I want the associated annotation to be selected with a call out for picking it. When someone taps the annotation I want the tableview to display the associated cell in the table view and highlight it. I researched and found the mapView function didSelect for processing the selected annotation but I don't know how to (or if you can) connect the 2. Right now I am faking it out by putting the array position into the annotation's subtitle and this allows me to read all the details from that position but it seems like the wrong way to do it.



      ...// load places into an array
      curBlipPlace.name = yelp.name
      curBlipPlace.distance = yelp.distance
      curBlipPlace.address1 = yelp.address1
      curBlipPlace.lat = yelp.lat
      curBlipPlace.lon = yelp.lon
      curBlipPlace.yelpId = yelp.yelpId
      curBlipPlace.yelp = yelp
      curBlipPlace.yelpArrayPosition = yelp.arrayPosition
      self.blipPlaces.append(curBlipPlace)

      ..// After filling array, sort it, loop to load annotations, and load to table
      self.blipPlaces.sort $0.distance ?? 9999 < $1.distance ?? 9999
      for i in 0..<self.blipPlaces.count
      if let lat = self.blipPlaces[i].lat, let lon = self.blipPlaces[i].lon
      let coordinate = CLLocationCoordinate2D(latitude: lat, longitude: lon)
      let annotation = MKPointAnnotation()
      annotation.coordinate = coordinate
      annotation.title = self.blipPlaces[i].name
      annotation.subtitle = String(i)

      self.map.addAnnotation(annotation)



      self.PlaceTableView.reloadData()

      func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell
      let cell = PlaceTableView.dequeueReusableCell(withIdentifier: "fileCell", for: indexPath) as! BlipFileTVCell
      cell.placeLabel.text = "(indexPath.row): (blipPlaces[indexPath.row].name) - (blipPlaces[indexPath.row].distance ?? 999)"
      return cell


      ..// Rube Goldberg way of connecting table cell and annotation by forcing array position into subTitle
      func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView)
      print("CLICKED: (String(describing: view.annotation?.title))")
      if let tempString = (view.annotation?.subtitle) as? String
      print("ok... (tempString)")
      if let tempInt = Int(tempString)
      print(self.blipPlaces[tempInt].name)





      Is there a better way to connect the annotation and the table cell? Is there a way to have the cell tap activate the annotation?



      Also, since the tapped annotation may be the last cell in teh table, is there a way to "move" the table cell up if its off screen? If someone selects an annotation for the last item in the list is there a way to get the table cell to "scroll up" so that one is viewable and not off screen?



      -dan







      ios swift annotations tableview mapkit






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 11 at 23:53









      Daniel Patriarca

      386




      386






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote













          Implement custom annotation.



          class CustomAnnotation: MKPointAnnotation 
          var index: Int!



          Add the custom annotation to mapView.



          let annotation = CustomAnnotation()
          annotation.coordinate = coordinate
          annotation.title = "title"
          annotation.subtitle = "subtitle"
          annotation.index = 0 // 0...n
          self.mapView.addAnnotation(annotation)


          You can get index in mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView).



          func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) 
          if let annotation = view.annotation as? CustomAnnotation
          print(annotation.index)
          // Get the cell by index
          // You can use `cellForRowAtIndexPath:`
          // Then select the cell







          share|improve this answer




















            Your Answer






            StackExchange.ifUsing("editor", function ()
            StackExchange.using("externalEditor", function ()
            StackExchange.using("snippets", function ()
            StackExchange.snippets.init();
            );
            );
            , "code-snippets");

            StackExchange.ready(function()
            var channelOptions =
            tags: "".split(" "),
            id: "1"
            ;
            initTagRenderer("".split(" "), "".split(" "), channelOptions);

            StackExchange.using("externalEditor", function()
            // Have to fire editor after snippets, if snippets enabled
            if (StackExchange.settings.snippets.snippetsEnabled)
            StackExchange.using("snippets", function()
            createEditor();
            );

            else
            createEditor();

            );

            function createEditor()
            StackExchange.prepareEditor(
            heartbeatType: 'answer',
            convertImagesToLinks: true,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: 10,
            bindNavPrevention: true,
            postfix: "",
            imageUploader:
            brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
            contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
            allowUrls: true
            ,
            onDemand: true,
            discardSelector: ".discard-answer"
            ,immediatelyShowMarkdownHelp:true
            );



            );













            draft saved

            draft discarded


















            StackExchange.ready(
            function ()
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53254432%2fconnecting-mapkit-annotations-to-a-table-view%23new-answer', 'question_page');

            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes








            up vote
            0
            down vote













            Implement custom annotation.



            class CustomAnnotation: MKPointAnnotation 
            var index: Int!



            Add the custom annotation to mapView.



            let annotation = CustomAnnotation()
            annotation.coordinate = coordinate
            annotation.title = "title"
            annotation.subtitle = "subtitle"
            annotation.index = 0 // 0...n
            self.mapView.addAnnotation(annotation)


            You can get index in mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView).



            func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) 
            if let annotation = view.annotation as? CustomAnnotation
            print(annotation.index)
            // Get the cell by index
            // You can use `cellForRowAtIndexPath:`
            // Then select the cell







            share|improve this answer
























              up vote
              0
              down vote













              Implement custom annotation.



              class CustomAnnotation: MKPointAnnotation 
              var index: Int!



              Add the custom annotation to mapView.



              let annotation = CustomAnnotation()
              annotation.coordinate = coordinate
              annotation.title = "title"
              annotation.subtitle = "subtitle"
              annotation.index = 0 // 0...n
              self.mapView.addAnnotation(annotation)


              You can get index in mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView).



              func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) 
              if let annotation = view.annotation as? CustomAnnotation
              print(annotation.index)
              // Get the cell by index
              // You can use `cellForRowAtIndexPath:`
              // Then select the cell







              share|improve this answer






















                up vote
                0
                down vote










                up vote
                0
                down vote









                Implement custom annotation.



                class CustomAnnotation: MKPointAnnotation 
                var index: Int!



                Add the custom annotation to mapView.



                let annotation = CustomAnnotation()
                annotation.coordinate = coordinate
                annotation.title = "title"
                annotation.subtitle = "subtitle"
                annotation.index = 0 // 0...n
                self.mapView.addAnnotation(annotation)


                You can get index in mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView).



                func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) 
                if let annotation = view.annotation as? CustomAnnotation
                print(annotation.index)
                // Get the cell by index
                // You can use `cellForRowAtIndexPath:`
                // Then select the cell







                share|improve this answer












                Implement custom annotation.



                class CustomAnnotation: MKPointAnnotation 
                var index: Int!



                Add the custom annotation to mapView.



                let annotation = CustomAnnotation()
                annotation.coordinate = coordinate
                annotation.title = "title"
                annotation.subtitle = "subtitle"
                annotation.index = 0 // 0...n
                self.mapView.addAnnotation(annotation)


                You can get index in mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView).



                func mapView(_ mapView: MKMapView, didSelect view: MKAnnotationView) 
                if let annotation = view.annotation as? CustomAnnotation
                print(annotation.index)
                // Get the cell by index
                // You can use `cellForRowAtIndexPath:`
                // Then select the cell








                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 12 at 2:02









                Kosuke Ogawa

                5,22022243




                5,22022243



























                    draft saved

                    draft discarded
















































                    Thanks for contributing an answer to Stack Overflow!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.





                    Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


                    Please pay close attention to the following guidance:


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid


                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.

                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function ()
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53254432%2fconnecting-mapkit-annotations-to-a-table-view%23new-answer', 'question_page');

                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    Top Tejano songwriter Luis Silva dead of heart attack at 64

                    ReactJS Fetched API data displays live - need Data displayed static

                    政党