Bing Map Services in sharepoint online

-
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <script type='text/javascript'>
    function GetMap() {
        var map = new Microsoft.Maps.Map('#myMap', {});
        //Request the user's location
        navigator.geolocation.getCurrentPosition(function (position) {
            var loc = new Microsoft.Maps.Location(
                position.coords.latitude,
                position.coords.longitude);
            //Add a pushpin at the user's location.
            var pin = new Microsoft.Maps.Pushpin(loc);
            map.entities.push(pin);
            //Center the map on the user's location.
            map.setView({ center: loc, zoom: 15 });
        });
    }
    </script>
    <script type='text/javascript' src='https://www.bing.com/api/maps/mapcontrol?callback=GetMap&key=[YOUR_BING_MAPS_KEY]' async defer></script>
</head>
<body>
    <div id="myMap" style="position:relative;width:350px;height:200px;"></div>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

My Interview Experience

-
 CTS Is thier any other way to host webjobs insted of Azure? What is the another way to send Email in online insted of timer job? What is the Default item limit with out top parameter? How can you pull the items more than 5000 thousand Threshhold value of list in online and 2016 and 2013 How to we get Personor Grup field How do we set Status icons in a list using Column Formating Explain about Timer job? What is Content Type? what if i add more colomuns in parent content type does this reflect in child Content Type? How can we set as default master? How do you move the document from one libray to another lib what class u used in your coding How to you run SP Security.reunwith elivated privilages in SharePoint Designer CGI How do Filter Managed Metadata filed falue in RestAPI How do you get multiple users in PersonorUser Group Fiels using Rest API, How do you get Description filed value in RestAPI can we write camel querries in Rest API how do you pass camel querry in Rest api What is t
Read more

React Checkbox Control SPFx

-
Interface Step 1 export   interface   ITechnologies {      technology ?: chkTechnology [],      checkboxSlectedValues ?: string } export   interface   chkTechnology {      name : string ,      isChecked : boolean ,      lable : string ,      cssClass ?: any } .tsx file Step 2 import  {  Label  }  from   'office-ui-fabric-react/lib/Label' import  {  Checkbox  }  from   'office-ui-fabric-react/lib/Checkbox' ; import  {  ITechnologies ,  chkTechnology  }  from   './ICheckBoxControlstates' Step 3 public   constructor ( prop :  ICheckBoxControlProps ,  any ) {      super ( prop );      this . state  = {        checkboxSlectedValues :   "" ,        technology :  [         {            lable :   "Sharepoint" ,            name :   "Sharepoint" ,            isChecked :   false ,            cssClass :   styles . chkControl         },         {            lable :   "SPFx" ,            name :   "SPFx" ,            isChecked
Read more