SOLVED

SharePoint Online - Custom Web Part

%3CLINGO-SUB%20id%3D%22lingo-sub-827697%22%20slang%3D%22en-US%22%3ESharePoint%20Online%20-%20Custom%20Web%20Part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-827697%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20new%20to%20the%20community%20so%20any%20information%20will%20be%20helpful!%26nbsp%3B%20Is%20it%20possible%20to%20do%20something%20like%20this%20in%20SharePoint%20Online%3F%26nbsp%3B%20The%20method%20was%20developed%20for%20SharePoint%202013%20but%20I%20am%20looking%20to%20develop%20this%20in%20SharePoint%20Online.%26nbsp%3B%20Can%20I%20upload%20the%20aspx%20files%20to%20SharePoint%20online%20and%20reuse%20the%20code%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E-Generate%20latitude%20and%20longitude%2C%20then%20uploading%20that%20information%20to%20a%20SharePoint%20list%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F128968i2C1C9D9D29AB8FCD%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22Untitled.png%22%20title%3D%22Untitled.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Freact-script-editor%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2FSharePoint%2Fsp-dev-fx-webparts%2Ftree%2Fmaster%2Fsamples%2Freact-script-editor%3C%2FA%3E%3C%2FP%3E%3CP%3EI%20am%20following%20some%20guides%20but%20I%20am%20currently%20stuck.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-827697%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EDeveloper%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-827790%22%20slang%3D%22en-US%22%3ERe%3A%20SharePoint%20Online%20-%20Custom%20Web%20Part%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-827790%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F375039%22%20target%3D%22_blank%22%3E%40williswin%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20re-use%20what%20you%20have%20built%20on%20SharePoint%202013%2C%20you%20can%20create%20provided%20hosted%20app%20and%20host%20your%20existing%20aspx%20pages%20in%20Azure%20web%20app.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20can%20also%20built%20similar%20functionality%20in%20SharePoint%20Framework%20(JavaScript%20Framework)%20and%20using%20PnP%20SPFx%20Controls%20React%20which%20provides%20similar%20controls%20for%20map.%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fsharepoint.github.io%2Fsp-dev-fx-controls-react%2Fcontrols%2FMap%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fsharepoint.github.io%2Fsp-dev-fx-controls-react%2Fcontrols%2FMap%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20learn%20more%20about%20SharePoint%20Framework%2C%20you%20can%20visit%20below%20links%3A%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fsharepoint-framework-overview%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fsharepoint%2Fdev%2Fspfx%2Fsharepoint-framework-overview%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Regular Visitor

Hello,

 

I am new to the community so any information will be helpful!  Is it possible to do something like this in SharePoint Online?  The method was developed for SharePoint 2013 but I am looking to develop this in SharePoint Online.  Can I upload the aspx files to SharePoint online and reuse the code?

 

-Generate latitude and longitude, then uploading that information to a SharePoint list

Untitled.png

https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-script-editor

I am following some guides but I am currently stuck.

1 Reply
best response confirmed by williswin (Regular Visitor)
Solution

@williswin 

 

To re-use what you have built on SharePoint 2013, you can create provided hosted app and host your existing aspx pages in Azure web app. 

 

You can also built similar functionality in SharePoint Framework (JavaScript Framework) and using PnP SPFx Controls React which provides similar controls for map.

https://sharepoint.github.io/sp-dev-fx-controls-react/controls/Map/

 

To learn more about SharePoint Framework, you can visit below links:

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/sharepoint-framework-overview