All comments

• 

  Ronaldo Kashari•40

  @RonaldoKashariSubmitted almost 2 years ago

  Making the icon appear on top of the photo with a cyan background and with a slight transparency really turned out to be way more difficult than I thought, could I have done it in a better way than this?

  

  NFT Preview Card using HTML&CSS

  1

  30
  

  dragi-ns•270

  @dragi-nsPosted almost 2 years ago

  Hi, looks good! I also just finished this challenge.

  For the hover effect I have used ::before and ::after pseudo-elements. You can put a slightly transparent background color on ::before and you can put a background image on ::after, after that you can show them on hover. That's how I did it.

  Hope this helps!

  Marked as helpful

  1
• 

  newton•330

  @newton-wSubmitted almost 2 years ago

  Was not able to add the custom marker icon, tried implementing the FlyTo for when the ip changes the map centers the marker icon.......i need help😂😂 any advice??

  I think i'll try out the google maps instead of leaflet

  

  IP ADDRESS TRACKER USING REACT JS, GEO IPFY AND LEAFLET

  1

  20
  

  dragi-ns•270

  @dragi-nsPosted almost 2 years ago

  Hi, looks good! I also just finished this challenge.

  You can add a custom marker with the Icon class from leaflet package and then you pass that instance to the icon prop on the Marker component from react-leaflet package.

  As for why doesn't map change when the position is updated take a look at this stackoverflow answer. MapContainer props are immutable: changing them after they have been set a first time will have no effect on the Map instance or its container. So that means you need to create another component as a child of MapContainer that will update map with map.setView.

  Hope this helps!

  Marked as helpful

  0

  This comment has received 1 replyShow