Geekly Articles each Day

рдиреЛрдХрд┐рдпрд╛ рдореИрдкреНрд╕ рдЬреЗрдПрд╕ рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рд╕рд░рд▓ рдорд╛рдирдЪрд┐рддреНрд░ рд▓рд┐рдЦрдирд╛

рд╣реЗрд▓реЛ, рд╣реЗрдмреНрд░!

рдЖрдЬ рд╣рдо рдЖрдкрдХреЛ рдмрддрд╛рдПрдВрдЧреЗ рдХрд┐ рдиреЛрдХрд┐рдпрд╛ рдореИрдкреНрд╕ рдЬреЗрдПрд╕ рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╡реЗрдмрд╕рд╛рдЗрдЯреЛрдВ рдкрд░ рдиреЛрдХрд┐рдпрд╛ рдореИрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреИрд╕реЗ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдиреЛрдХрд┐рдпрд╛ рдореИрдкреНрд╕ рд╕реЗрд╡рд╛ рдореЗрдВ рди рдХреЗрд╡рд▓ рдПрдХ рдмрд╣реБрдд рд╣реА рдЖрд╕рд╛рдиреА рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рдиреЗ рд╡рд╛рд▓рд╛ рдПрдкреАрдЖрдИ рд╣реИ, рдмрд▓реНрдХрд┐ рднреМрдЧреЛрд▓рд┐рдХ рд╡рд╕реНрддреБрдУрдВ рдХреЗ рд╡рд┐рд╢рд╛рд▓ рдЖрдзрд╛рд░ рдХреЗ рд╕рд╛рде рдЙрддреНрдХреГрд╖реНрдЯ рдорд╛рдирдЪрд┐рддреНрд░ рдХрд╛ рд╡рд┐рд╡рд░рдг рднреА рд╣реИ, рдЬрд┐рд╕реЗ рд▓рдЧрд╛рддрд╛рд░ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

рдЖрдк рд╕рд░реНрдЧреЗрдИ рд░реБрдбреЗрдВрдХреЛ рдХреЗ рдиреЛрдХрд┐рдпрд╛ рдбреЗрд╡рд▓рдкрд░ рдбреЗрдЬрд╝ 2012 ( рд▓рд┐рдВрдХ ) рдХреЗ рд╕рд╛рде рдкреНрд░рд╕реНрддреБрддрд┐ рд╕реЗ рдиреЛрдХрд┐рдпрд╛ рдореИрдкреНрд╕ рдХреА рддрдХрдиреАрдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдЬрд╛рдирдХрд╛рд░реА рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдФрд░ рд╣рдо рдореИрдк рдПрдХреАрдХрд░рдг рдХреЗ рдЙрджрд╛рд╣рд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдФрд░ рдЬрд┐рдпреЛрд▓реЛрдХреЗрд╢рди рдФрд░ рд░реВрдЯ-рдмрд┐рд▓реНрдбрд┐рдВрдЧ рдХреНрд╖рдорддрд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдиреЛрдХрд┐рдпрд╛ рдореИрдкреНрд╕ рдЬреЗрдПрд╕ рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреБрдЫ рд╕рдВрднрд╛рд╡рдирд╛рдУрдВ рдХрд╛ рд╡рд░реНрдгрди рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░реЗрдВрдЧреЗред рдпрд╣ рдХреБрдЫ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦреЗрдЧрд╛:



рд╢реБрд░реВ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдЗрдП рдПрдХ div # mapContainer рдХрдВрдЯреЗрдирд░ рдХреЗ рд╕рд╛рде рдПрдХ рд╕рд░рд▓ HTML рдкреЗрдЬ рдмрдирд╛рдПрдВ рдЬрд┐рд╕рдореЗрдВ рд╣рдорд╛рд░рд╛ рдирдХреНрд╢рд╛, рд╕рд╛рде рд╣реА рд╕рд╛рде рдПрдХ рдЖрджрд┐рдо рд╢реИрд▓реА рдХреА рдЪрд╛рджрд░ рд╣реЛред
<html> <head> <meta charset="utf-8"> <title>Nokia Maps JS API</title> <style type="text/css"> * {margin: 0;padding: 0} html {overflow:hidden;} body {margin:0;padding:0;overflow:hidden;width:100%;height:100%;position:absolute;} #mapContainer {width:100%;height:100%;left:0;top:0;position: absolute;z-index:1;} </style> </head> <body> <div id="mapContainer"> </div> </body> </html>


рд╕рдВрдЧрддрддрд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХрднреА рди рднреВрд▓реЗрдВ, рдЗрд╕рд▓рд┐рдП рдореЛрдмрд╛рдЗрд▓ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЗ рд▓рд┐рдП рдмреЗрд╣рддрд░ рд╕рдорд░реНрдерди рдХреЗ рд▓рд┐рдП рд╢реАрд░реНрд╖ рд▓реЗрдЦ рдореЗрдВ рдореЗрдЯрд╛ рдЬрд╛рдирдХрд╛рд░реА рдЬреЛрдбрд╝реЗрдВ:
 <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />


рдЕрдм рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдкрдВрдХреНрддрд┐ рдХреЛ рдЬреЛрдбрд╝рдХрд░ рдиреЛрдХрд┐рдпрд╛ рдореИрдкреНрд╕ рдЬреЗрдПрд╕ рдПрдкреАрдЖрдИ рдХреЛ рдЬреЛрдбрд╝рдиреЗ рдХрд╛ рд╕рдордп рд╣реИ:
 <script type="text/javascript" charset="UTF-8" src="http://api.maps.nokia.com/2.2.1/jsl.js?with=all"></script>


рдпрд╣ рдзреНрдпрд╛рди рдореЗрдВ рд░рдЦрдирд╛ рдЪрд╛рд╣рд┐рдП рдХрд┐ рдпрд╣ рдПрдХ рдореЙрдбреНрдпреВрд▓рд░ рдПрдкреАрдЖрдИ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдорд╛рдирдЪрд┐рддреНрд░, рд╕реНрдерд╛рди (POI), рд╕реНрдерд╛рди, рдорд╛рд░реНрдЧ рдФрд░ рдбреЗрдЯрд╛ рд░реЗрдВрдбрд░рд┐рдВрдЧ рдХреЗ рд▓рд┐рдП рдЕрд▓рдЧ-рдЕрд▓рдЧ рдкреИрдХреЗрдЬ рд╣реЛрддреЗ рд╣реИрдВ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рд╣реАрдЯрдореИрдк рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛)ред рд╣рдордиреЗ рд╕рднреА рдкреИрдХреЗрдЬреЛрдВ рдХреЛ рдбрд╛рдЙрдирд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреБрд╕реНрддрдХрд╛рд▓рдп рдХреЛ = = рд╕рднреА рдкреИрд░рд╛рдореАрдЯрд░ рдХреЗ рд╕рд╛рде рдЬреЛрдбрд╝рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЖрдкрдХреЛ рдЙрди рд╕рднреА рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ, рддреЛ рдЖрдк рдЙрдиреНрд╣реЗрдВ рдХреЗрд╡рд▓ рдХрд╛рдо рдХреЗ рд▓рд┐рдП рдЖрд╡рд╢реНрдпрдХ рдореЙрдбреНрдпреВрд▓ рд╕реВрдЪреАрдмрджреНрдз рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдмрд╛рд╣рд░ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП =?
 <script type="text/javascript" src="http://api.maps.nokia.com/2.2.1/jsl.js?with=maps,places,directions,positioning"></script>

рдпрд╣ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд▓реЛрдб рд╕рдордп рдХреЛ рдХрдо рдХрд░реЗрдЧрд╛, рдЗрд╕рд▓рд┐рдП рдХрд╛рдо рдХрд░рдиреЗ рд╡рд╛рд▓реА рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдореЗрдВ рдХреЗрд╡рд▓ рдЖрд╡рд╢реНрдпрдХ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред рд╕рднреА рдореЙрдбреНрдпреВрд▓ рдХреА рдПрдХ рд╕реВрдЪреА рдпрд╣рд╛рдВ рдкрд╛рдИ рдЬрд╛ рд╕рдХрддреА рд╣реИ ред

рдЕрдм рд╣рдо рдЕрдкрдиреЗ рдорд╛рдирдЪрд┐рддреНрд░ рдХреЛ рдЬреЛрдбрд╝рдХрд░ рдЖрд░рдВрдн рдХрд░рддреЗ рд╣реИрдВ
   javascript: 
 nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); //         . nokia.Settings.set("defaultLanguage", "ru-RU"); //  DOM-,       Nokia var mapContainer = document.getElementById("mapContainer"); //    mapContainer //    DOM- var map = new nokia.maps.map.Display(mapContainer, { //     ,   ,     center: [55.752316, 37.614188], //    zoomLevel: 10, components: [ //       // ZoomBar       new nokia.maps.map.component.ZoomBar(), // Behavior    new nokia.maps.map.component.Behavior(), // TypeSelector        ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic    /    new nokia.maps.map.component.Traffic(), // PublicTransport    /     new nokia.maps.map.component.PublicTransport(), // Overview  -     new nokia.maps.map.component.Overview(), // ScaleBar        new nokia.maps.map.component.ScaleBar(), // Positioning   new nokia.maps.positioning.component.Positioning(), // ContextMenu               new nokia.maps.map.component.ContextMenu() ] }); 
 
 ,       .        , , , ,    .   ,     .          Wi-Fi,       тАФ  GPS     .        : 
 if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, //     marker = new nokia.maps.map.StandardMarker(coords), //        //  ,     accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); //             map.objects.addAll([accuracyCircle, marker]); //     ,        map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, //  -          GPS function (error) { var errorMsg = "  : "; //       if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += "  "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; //     alert(errorMsg); } ); } 
 
       ,     Nokia  : 
 //       Nokia  ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", //           (  48  48 ) anchor: new nokia.maps.util.Point(24, 24) }); //      map.objects.add(nokia_marker); 
 
    ,        .         Nokia  ,      : 
 var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); //        var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); //       map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; //      'state'  ,  onRouteCalculated  ,      router.addObserver("state", onRouteCalculated); //        var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /*      ,   transportModes,     RoutingOptions  trafficMode  /         http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }]; 
    ,       .      router.calculateRoute(waypoints, modes); ,         . 
 
  
 
                 Nokia:     ,      , ,     . 
 
       : 
  <div id="helperContainer"> <ul> <li><a id="u_r_here" href="#">  </a></li> <li><a id="nokia_office" href="#">   Nokia </a></li> <li><a id="kremlin" href="#">   Nokia  </a></li> </ul> </div> 
 
         ,      : 
 #helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} 
 
  :         : 
 //    $('#u_r_here').bind('click', function(e){ e.preventDefault() //       map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() //      Nokia    map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() //     Nokia  .  тАФ   %) router.calculateRoute(waypoints, modes); }); 
 
  ,  ,    ,      github:gist . 
 
 Nokia Maps JS API     ,    ,   .               .        API  JavaScript ,   Qt  Java ME . 
 
      RESTful-  Nokia Maps  Nokia Places        Points of Interests ( ).
javascript:
nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); // . nokia.Settings.set("defaultLanguage", "ru-RU"); // DOM-, Nokia var mapContainer = document.getElementById("mapContainer"); // mapContainer // DOM- var map = new nokia.maps.map.Display(mapContainer, { // , , center: [55.752316, 37.614188], // zoomLevel: 10, components: [ // // ZoomBar new nokia.maps.map.component.ZoomBar(), // Behavior new nokia.maps.map.component.Behavior(), // TypeSelector ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic / new nokia.maps.map.component.Traffic(), // PublicTransport / new nokia.maps.map.component.PublicTransport(), // Overview - new nokia.maps.map.component.Overview(), // ScaleBar new nokia.maps.map.component.ScaleBar(), // Positioning new nokia.maps.positioning.component.Positioning(), // ContextMenu new nokia.maps.map.component.ContextMenu() ] });

, . , , , , . , . Wi-Fi, тАФ GPS . :
if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, // marker = new nokia.maps.map.StandardMarker(coords), // // , accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); // map.objects.addAll([accuracyCircle, marker]); // , map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, // - GPS function (error) { var errorMsg = " : "; // if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += " "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; // alert(errorMsg); } ); }

, Nokia :
// Nokia ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", // ( 48 48 ) anchor: new nokia.maps.util.Point(24, 24) }); // map.objects.add(nokia_marker);

, . Nokia , :
var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); // var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); // map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; // 'state' , onRouteCalculated , router.addObserver("state", onRouteCalculated); // var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /* , transportModes, RoutingOptions trafficMode / http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }];
, . router.calculateRoute(waypoints, modes); , .



Nokia: , , , .

:
<div id="helperContainer"> <ul> <li><a id="u_r_here" href="#"> </a></li> <li><a id="nokia_office" href="#"> Nokia </a></li> <li><a id="kremlin" href="#"> Nokia </a></li> </ul> </div>

, :
#helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

: :
// $('#u_r_here').bind('click', function(e){ e.preventDefault() // map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() // Nokia map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() // Nokia . тАФ %) router.calculateRoute(waypoints, modes); });

, , , github:gist .

Nokia Maps JS API , , . . API JavaScript , Qt Java ME .

RESTful- Nokia Maps Nokia Places Points of Interests ( ).
   javascript: 
 nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); //         . nokia.Settings.set("defaultLanguage", "ru-RU"); //  DOM-,       Nokia var mapContainer = document.getElementById("mapContainer"); //    mapContainer //    DOM- var map = new nokia.maps.map.Display(mapContainer, { //     ,   ,     center: [55.752316, 37.614188], //    zoomLevel: 10, components: [ //       // ZoomBar       new nokia.maps.map.component.ZoomBar(), // Behavior    new nokia.maps.map.component.Behavior(), // TypeSelector        ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic    /    new nokia.maps.map.component.Traffic(), // PublicTransport    /     new nokia.maps.map.component.PublicTransport(), // Overview  -     new nokia.maps.map.component.Overview(), // ScaleBar        new nokia.maps.map.component.ScaleBar(), // Positioning   new nokia.maps.positioning.component.Positioning(), // ContextMenu               new nokia.maps.map.component.ContextMenu() ] }); 
 
 ,       .        , , , ,    .   ,     .          Wi-Fi,       тАФ  GPS     .        : 
 if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, //     marker = new nokia.maps.map.StandardMarker(coords), //        //  ,     accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); //             map.objects.addAll([accuracyCircle, marker]); //     ,        map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, //  -          GPS function (error) { var errorMsg = "  : "; //       if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += "  "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; //     alert(errorMsg); } ); } 
 
       ,     Nokia  : 
 //       Nokia  ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", //           (  48  48 ) anchor: new nokia.maps.util.Point(24, 24) }); //      map.objects.add(nokia_marker); 
 
    ,        .         Nokia  ,      : 
 var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); //        var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); //       map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; //      'state'  ,  onRouteCalculated  ,      router.addObserver("state", onRouteCalculated); //        var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /*      ,   transportModes,     RoutingOptions  trafficMode  /         http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }]; 
    ,       .      router.calculateRoute(waypoints, modes); ,         . 
 
  
 
                 Nokia:     ,      , ,     . 
 
       : 
  <div id="helperContainer"> <ul> <li><a id="u_r_here" href="#">  </a></li> <li><a id="nokia_office" href="#">   Nokia </a></li> <li><a id="kremlin" href="#">   Nokia  </a></li> </ul> </div> 
 
         ,      : 
 #helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} 
 
  :         : 
 //    $('#u_r_here').bind('click', function(e){ e.preventDefault() //       map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() //      Nokia    map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() //     Nokia  .  тАФ   %) router.calculateRoute(waypoints, modes); }); 
 
  ,  ,    ,      github:gist . 
 
 Nokia Maps JS API     ,    ,   .               .        API  JavaScript ,   Qt  Java ME . 
 
      RESTful-  Nokia Maps  Nokia Places        Points of Interests ( ).
javascript:
nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); // . nokia.Settings.set("defaultLanguage", "ru-RU"); // DOM-, Nokia var mapContainer = document.getElementById("mapContainer"); // mapContainer // DOM- var map = new nokia.maps.map.Display(mapContainer, { // , , center: [55.752316, 37.614188], // zoomLevel: 10, components: [ // // ZoomBar new nokia.maps.map.component.ZoomBar(), // Behavior new nokia.maps.map.component.Behavior(), // TypeSelector ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic / new nokia.maps.map.component.Traffic(), // PublicTransport / new nokia.maps.map.component.PublicTransport(), // Overview - new nokia.maps.map.component.Overview(), // ScaleBar new nokia.maps.map.component.ScaleBar(), // Positioning new nokia.maps.positioning.component.Positioning(), // ContextMenu new nokia.maps.map.component.ContextMenu() ] });

, . , , , , . , . Wi-Fi, тАФ GPS . :
if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, // marker = new nokia.maps.map.StandardMarker(coords), // // , accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); // map.objects.addAll([accuracyCircle, marker]); // , map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, // - GPS function (error) { var errorMsg = " : "; // if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += " "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; // alert(errorMsg); } ); }

, Nokia :
// Nokia ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", // ( 48 48 ) anchor: new nokia.maps.util.Point(24, 24) }); // map.objects.add(nokia_marker);

, . Nokia , :
var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); // var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); // map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; // 'state' , onRouteCalculated , router.addObserver("state", onRouteCalculated); // var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /* , transportModes, RoutingOptions trafficMode / http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }];
, . router.calculateRoute(waypoints, modes); , .



Nokia: , , , .

:
<div id="helperContainer"> <ul> <li><a id="u_r_here" href="#"> </a></li> <li><a id="nokia_office" href="#"> Nokia </a></li> <li><a id="kremlin" href="#"> Nokia </a></li> </ul> </div>

, :
#helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

: :
// $('#u_r_here').bind('click', function(e){ e.preventDefault() // map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() // Nokia map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() // Nokia . тАФ %) router.calculateRoute(waypoints, modes); });

, , , github:gist .

Nokia Maps JS API , , . . API JavaScript , Qt Java ME .

RESTful- Nokia Maps Nokia Places Points of Interests ( ).
   javascript: 
 nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); //         . nokia.Settings.set("defaultLanguage", "ru-RU"); //  DOM-,       Nokia var mapContainer = document.getElementById("mapContainer"); //    mapContainer //    DOM- var map = new nokia.maps.map.Display(mapContainer, { //     ,   ,     center: [55.752316, 37.614188], //    zoomLevel: 10, components: [ //       // ZoomBar       new nokia.maps.map.component.ZoomBar(), // Behavior    new nokia.maps.map.component.Behavior(), // TypeSelector        ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic    /    new nokia.maps.map.component.Traffic(), // PublicTransport    /     new nokia.maps.map.component.PublicTransport(), // Overview  -     new nokia.maps.map.component.Overview(), // ScaleBar        new nokia.maps.map.component.ScaleBar(), // Positioning   new nokia.maps.positioning.component.Positioning(), // ContextMenu               new nokia.maps.map.component.ContextMenu() ] }); 
 
 ,       .        , , , ,    .   ,     .          Wi-Fi,       тАФ  GPS     .        : 
 if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, //     marker = new nokia.maps.map.StandardMarker(coords), //        //  ,     accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); //             map.objects.addAll([accuracyCircle, marker]); //     ,        map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, //  -          GPS function (error) { var errorMsg = "  : "; //       if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += "  "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; //     alert(errorMsg); } ); } 
 
       ,     Nokia  : 
 //       Nokia  ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", //           (  48  48 ) anchor: new nokia.maps.util.Point(24, 24) }); //      map.objects.add(nokia_marker); 
 
    ,        .         Nokia  ,      : 
 var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); //        var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); //       map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; //      'state'  ,  onRouteCalculated  ,      router.addObserver("state", onRouteCalculated); //        var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /*      ,   transportModes,     RoutingOptions  trafficMode  /         http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }]; 
    ,       .      router.calculateRoute(waypoints, modes); ,         . 
 
  
 
                 Nokia:     ,      , ,     . 
 
       : 
  <div id="helperContainer"> <ul> <li><a id="u_r_here" href="#">  </a></li> <li><a id="nokia_office" href="#">   Nokia </a></li> <li><a id="kremlin" href="#">   Nokia  </a></li> </ul> </div> 
 
         ,      : 
 #helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} 
 
  :         : 
 //    $('#u_r_here').bind('click', function(e){ e.preventDefault() //       map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() //      Nokia    map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() //     Nokia  .  тАФ   %) router.calculateRoute(waypoints, modes); }); 
 
  ,  ,    ,      github:gist . 
 
 Nokia Maps JS API     ,    ,   .               .        API  JavaScript ,   Qt  Java ME . 
 
      RESTful-  Nokia Maps  Nokia Places        Points of Interests ( ).
javascript:
nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); // . nokia.Settings.set("defaultLanguage", "ru-RU"); // DOM-, Nokia var mapContainer = document.getElementById("mapContainer"); // mapContainer // DOM- var map = new nokia.maps.map.Display(mapContainer, { // , , center: [55.752316, 37.614188], // zoomLevel: 10, components: [ // // ZoomBar new nokia.maps.map.component.ZoomBar(), // Behavior new nokia.maps.map.component.Behavior(), // TypeSelector ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic / new nokia.maps.map.component.Traffic(), // PublicTransport / new nokia.maps.map.component.PublicTransport(), // Overview - new nokia.maps.map.component.Overview(), // ScaleBar new nokia.maps.map.component.ScaleBar(), // Positioning new nokia.maps.positioning.component.Positioning(), // ContextMenu new nokia.maps.map.component.ContextMenu() ] });

, . , , , , . , . Wi-Fi, тАФ GPS . :
if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, // marker = new nokia.maps.map.StandardMarker(coords), // // , accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); // map.objects.addAll([accuracyCircle, marker]); // , map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, // - GPS function (error) { var errorMsg = " : "; // if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += " "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; // alert(errorMsg); } ); }

, Nokia :
// Nokia ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", // ( 48 48 ) anchor: new nokia.maps.util.Point(24, 24) }); // map.objects.add(nokia_marker);

, . Nokia , :
var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); // var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); // map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; // 'state' , onRouteCalculated , router.addObserver("state", onRouteCalculated); // var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /* , transportModes, RoutingOptions trafficMode / http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }];
, . router.calculateRoute(waypoints, modes); , .



Nokia: , , , .

:
<div id="helperContainer"> <ul> <li><a id="u_r_here" href="#"> </a></li> <li><a id="nokia_office" href="#"> Nokia </a></li> <li><a id="kremlin" href="#"> Nokia </a></li> </ul> </div>

, :
#helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

: :
// $('#u_r_here').bind('click', function(e){ e.preventDefault() // map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() // Nokia map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() // Nokia . тАФ %) router.calculateRoute(waypoints, modes); });

, , , github:gist .

Nokia Maps JS API , , . . API JavaScript , Qt Java ME .

RESTful- Nokia Maps Nokia Places Points of Interests ( ).
   javascript: 
 nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); //         . nokia.Settings.set("defaultLanguage", "ru-RU"); //  DOM-,       Nokia var mapContainer = document.getElementById("mapContainer"); //    mapContainer //    DOM- var map = new nokia.maps.map.Display(mapContainer, { //     ,   ,     center: [55.752316, 37.614188], //    zoomLevel: 10, components: [ //       // ZoomBar       new nokia.maps.map.component.ZoomBar(), // Behavior    new nokia.maps.map.component.Behavior(), // TypeSelector        ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic    /    new nokia.maps.map.component.Traffic(), // PublicTransport    /     new nokia.maps.map.component.PublicTransport(), // Overview  -     new nokia.maps.map.component.Overview(), // ScaleBar        new nokia.maps.map.component.ScaleBar(), // Positioning   new nokia.maps.positioning.component.Positioning(), // ContextMenu               new nokia.maps.map.component.ContextMenu() ] }); 
 
 ,       .        , , , ,    .   ,     .          Wi-Fi,       тАФ  GPS     .        : 
 if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, //     marker = new nokia.maps.map.StandardMarker(coords), //        //  ,     accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); //             map.objects.addAll([accuracyCircle, marker]); //     ,        map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, //  -          GPS function (error) { var errorMsg = "  : "; //       if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += "  "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; //     alert(errorMsg); } ); } 
 
       ,     Nokia  : 
 //       Nokia  ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", //           (  48  48 ) anchor: new nokia.maps.util.Point(24, 24) }); //      map.objects.add(nokia_marker); 
 
    ,        .         Nokia  ,      : 
 var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); //        var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); //       map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; //      'state'  ,  onRouteCalculated  ,      router.addObserver("state", onRouteCalculated); //        var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /*      ,   transportModes,     RoutingOptions  trafficMode  /         http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }]; 
    ,       .      router.calculateRoute(waypoints, modes); ,         . 
 
  
 
                 Nokia:     ,      , ,     . 
 
       : 
  <div id="helperContainer"> <ul> <li><a id="u_r_here" href="#">  </a></li> <li><a id="nokia_office" href="#">   Nokia </a></li> <li><a id="kremlin" href="#">   Nokia  </a></li> </ul> </div> 
 
         ,      : 
 #helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} 
 
  :         : 
 //    $('#u_r_here').bind('click', function(e){ e.preventDefault() //       map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() //      Nokia    map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() //     Nokia  .  тАФ   %) router.calculateRoute(waypoints, modes); }); 
 
  ,  ,    ,      github:gist . 
 
 Nokia Maps JS API     ,    ,   .               .        API  JavaScript ,   Qt  Java ME . 
 
      RESTful-  Nokia Maps  Nokia Places        Points of Interests ( ).
javascript:
nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); // . nokia.Settings.set("defaultLanguage", "ru-RU"); // DOM-, Nokia var mapContainer = document.getElementById("mapContainer"); // mapContainer // DOM- var map = new nokia.maps.map.Display(mapContainer, { // , , center: [55.752316, 37.614188], // zoomLevel: 10, components: [ // // ZoomBar new nokia.maps.map.component.ZoomBar(), // Behavior new nokia.maps.map.component.Behavior(), // TypeSelector ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic / new nokia.maps.map.component.Traffic(), // PublicTransport / new nokia.maps.map.component.PublicTransport(), // Overview - new nokia.maps.map.component.Overview(), // ScaleBar new nokia.maps.map.component.ScaleBar(), // Positioning new nokia.maps.positioning.component.Positioning(), // ContextMenu new nokia.maps.map.component.ContextMenu() ] });

, . , , , , . , . Wi-Fi, тАФ GPS . :
if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, // marker = new nokia.maps.map.StandardMarker(coords), // // , accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); // map.objects.addAll([accuracyCircle, marker]); // , map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, // - GPS function (error) { var errorMsg = " : "; // if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += " "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; // alert(errorMsg); } ); }

, Nokia :
// Nokia ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", // ( 48 48 ) anchor: new nokia.maps.util.Point(24, 24) }); // map.objects.add(nokia_marker);

, . Nokia , :
var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); // var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); // map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; // 'state' , onRouteCalculated , router.addObserver("state", onRouteCalculated); // var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /* , transportModes, RoutingOptions trafficMode / http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }];
, . router.calculateRoute(waypoints, modes); , .



Nokia: , , , .

:
<div id="helperContainer"> <ul> <li><a id="u_r_here" href="#"> </a></li> <li><a id="nokia_office" href="#"> Nokia </a></li> <li><a id="kremlin" href="#"> Nokia </a></li> </ul> </div>

, :
#helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

: :
// $('#u_r_here').bind('click', function(e){ e.preventDefault() // map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() // Nokia map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() // Nokia . тАФ %) router.calculateRoute(waypoints, modes); });

, , , github:gist .

Nokia Maps JS API , , . . API JavaScript , Qt Java ME .

RESTful- Nokia Maps Nokia Places Points of Interests ( ).
   javascript: 
 nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); //         . nokia.Settings.set("defaultLanguage", "ru-RU"); //  DOM-,       Nokia var mapContainer = document.getElementById("mapContainer"); //    mapContainer //    DOM- var map = new nokia.maps.map.Display(mapContainer, { //     ,   ,     center: [55.752316, 37.614188], //    zoomLevel: 10, components: [ //       // ZoomBar       new nokia.maps.map.component.ZoomBar(), // Behavior    new nokia.maps.map.component.Behavior(), // TypeSelector        ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic    /    new nokia.maps.map.component.Traffic(), // PublicTransport    /     new nokia.maps.map.component.PublicTransport(), // Overview  -     new nokia.maps.map.component.Overview(), // ScaleBar        new nokia.maps.map.component.ScaleBar(), // Positioning   new nokia.maps.positioning.component.Positioning(), // ContextMenu               new nokia.maps.map.component.ContextMenu() ] }); 
 
 ,       .        , , , ,    .   ,     .          Wi-Fi,       тАФ  GPS     .        : 
 if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, //     marker = new nokia.maps.map.StandardMarker(coords), //        //  ,     accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); //             map.objects.addAll([accuracyCircle, marker]); //     ,        map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, //  -          GPS function (error) { var errorMsg = "  : "; //       if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += "  "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; //     alert(errorMsg); } ); } 
 
       ,     Nokia  : 
 //       Nokia  ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", //           (  48  48 ) anchor: new nokia.maps.util.Point(24, 24) }); //      map.objects.add(nokia_marker); 
 
    ,        .         Nokia  ,      : 
 var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); //        var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); //       map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; //      'state'  ,  onRouteCalculated  ,      router.addObserver("state", onRouteCalculated); //        var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /*      ,   transportModes,     RoutingOptions  trafficMode  /         http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }]; 
    ,       .      router.calculateRoute(waypoints, modes); ,         . 
 
  
 
                 Nokia:     ,      , ,     . 
 
       : 
  <div id="helperContainer"> <ul> <li><a id="u_r_here" href="#">  </a></li> <li><a id="nokia_office" href="#">   Nokia </a></li> <li><a id="kremlin" href="#">   Nokia  </a></li> </ul> </div> 
 
         ,      : 
 #helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} 
 
  :         : 
 //    $('#u_r_here').bind('click', function(e){ e.preventDefault() //       map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() //      Nokia    map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() //     Nokia  .  тАФ   %) router.calculateRoute(waypoints, modes); }); 
 
  ,  ,    ,      github:gist . 
 
 Nokia Maps JS API     ,    ,   .               .        API  JavaScript ,   Qt  Java ME . 
 
      RESTful-  Nokia Maps  Nokia Places        Points of Interests ( ).
javascript:
nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); // . nokia.Settings.set("defaultLanguage", "ru-RU"); // DOM-, Nokia var mapContainer = document.getElementById("mapContainer"); // mapContainer // DOM- var map = new nokia.maps.map.Display(mapContainer, { // , , center: [55.752316, 37.614188], // zoomLevel: 10, components: [ // // ZoomBar new nokia.maps.map.component.ZoomBar(), // Behavior new nokia.maps.map.component.Behavior(), // TypeSelector ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic / new nokia.maps.map.component.Traffic(), // PublicTransport / new nokia.maps.map.component.PublicTransport(), // Overview - new nokia.maps.map.component.Overview(), // ScaleBar new nokia.maps.map.component.ScaleBar(), // Positioning new nokia.maps.positioning.component.Positioning(), // ContextMenu new nokia.maps.map.component.ContextMenu() ] });

, . , , , , . , . Wi-Fi, тАФ GPS . :
if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, // marker = new nokia.maps.map.StandardMarker(coords), // // , accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); // map.objects.addAll([accuracyCircle, marker]); // , map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, // - GPS function (error) { var errorMsg = " : "; // if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += " "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; // alert(errorMsg); } ); }

, Nokia :
// Nokia ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", // ( 48 48 ) anchor: new nokia.maps.util.Point(24, 24) }); // map.objects.add(nokia_marker);

, . Nokia , :
var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); // var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); // map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; // 'state' , onRouteCalculated , router.addObserver("state", onRouteCalculated); // var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /* , transportModes, RoutingOptions trafficMode / http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }];
, . router.calculateRoute(waypoints, modes); , .



Nokia: , , , .

:
<div id="helperContainer"> <ul> <li><a id="u_r_here" href="#"> </a></li> <li><a id="nokia_office" href="#"> Nokia </a></li> <li><a id="kremlin" href="#"> Nokia </a></li> </ul> </div>

, :
#helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

: :
// $('#u_r_here').bind('click', function(e){ e.preventDefault() // map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() // Nokia map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() // Nokia . тАФ %) router.calculateRoute(waypoints, modes); });

, , , github:gist .

Nokia Maps JS API , , . . API JavaScript , Qt Java ME .

RESTful- Nokia Maps Nokia Places Points of Interests ( ).
   javascript: 
 nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); //         . nokia.Settings.set("defaultLanguage", "ru-RU"); //  DOM-,       Nokia var mapContainer = document.getElementById("mapContainer"); //    mapContainer //    DOM- var map = new nokia.maps.map.Display(mapContainer, { //     ,   ,     center: [55.752316, 37.614188], //    zoomLevel: 10, components: [ //       // ZoomBar       new nokia.maps.map.component.ZoomBar(), // Behavior    new nokia.maps.map.component.Behavior(), // TypeSelector        ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic    /    new nokia.maps.map.component.Traffic(), // PublicTransport    /     new nokia.maps.map.component.PublicTransport(), // Overview  -     new nokia.maps.map.component.Overview(), // ScaleBar        new nokia.maps.map.component.ScaleBar(), // Positioning   new nokia.maps.positioning.component.Positioning(), // ContextMenu               new nokia.maps.map.component.ContextMenu() ] }); 
 
 ,       .        , , , ,    .   ,     .          Wi-Fi,       тАФ  GPS     .        : 
 if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, //     marker = new nokia.maps.map.StandardMarker(coords), //        //  ,     accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); //             map.objects.addAll([accuracyCircle, marker]); //     ,        map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, //  -          GPS function (error) { var errorMsg = "  : "; //       if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += "  "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; //     alert(errorMsg); } ); } 
 
       ,     Nokia  : 
 //       Nokia  ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", //           (  48  48 ) anchor: new nokia.maps.util.Point(24, 24) }); //      map.objects.add(nokia_marker); 
 
    ,        .         Nokia  ,      : 
 var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); //        var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); //       map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; //      'state'  ,  onRouteCalculated  ,      router.addObserver("state", onRouteCalculated); //        var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /*      ,   transportModes,     RoutingOptions  trafficMode  /         http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }]; 
    ,       .      router.calculateRoute(waypoints, modes); ,         . 
 
  
 
                 Nokia:     ,      , ,     . 
 
       : 
  <div id="helperContainer"> <ul> <li><a id="u_r_here" href="#">  </a></li> <li><a id="nokia_office" href="#">   Nokia </a></li> <li><a id="kremlin" href="#">   Nokia  </a></li> </ul> </div> 
 
         ,      : 
 #helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} 
 
  :         : 
 //    $('#u_r_here').bind('click', function(e){ e.preventDefault() //       map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() //      Nokia    map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() //     Nokia  .  тАФ   %) router.calculateRoute(waypoints, modes); }); 
 
  ,  ,    ,      github:gist . 
 
 Nokia Maps JS API     ,    ,   .               .        API  JavaScript ,   Qt  Java ME . 
 
      RESTful-  Nokia Maps  Nokia Places        Points of Interests ( ).
javascript:
nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); // . nokia.Settings.set("defaultLanguage", "ru-RU"); // DOM-, Nokia var mapContainer = document.getElementById("mapContainer"); // mapContainer // DOM- var map = new nokia.maps.map.Display(mapContainer, { // , , center: [55.752316, 37.614188], // zoomLevel: 10, components: [ // // ZoomBar new nokia.maps.map.component.ZoomBar(), // Behavior new nokia.maps.map.component.Behavior(), // TypeSelector ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic / new nokia.maps.map.component.Traffic(), // PublicTransport / new nokia.maps.map.component.PublicTransport(), // Overview - new nokia.maps.map.component.Overview(), // ScaleBar new nokia.maps.map.component.ScaleBar(), // Positioning new nokia.maps.positioning.component.Positioning(), // ContextMenu new nokia.maps.map.component.ContextMenu() ] });

, . , , , , . , . Wi-Fi, тАФ GPS . :
if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, // marker = new nokia.maps.map.StandardMarker(coords), // // , accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); // map.objects.addAll([accuracyCircle, marker]); // , map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, // - GPS function (error) { var errorMsg = " : "; // if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += " "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; // alert(errorMsg); } ); }

, Nokia :
// Nokia ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", // ( 48 48 ) anchor: new nokia.maps.util.Point(24, 24) }); // map.objects.add(nokia_marker);

, . Nokia , :
var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); // var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); // map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; // 'state' , onRouteCalculated , router.addObserver("state", onRouteCalculated); // var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /* , transportModes, RoutingOptions trafficMode / http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }];
, . router.calculateRoute(waypoints, modes); , .



Nokia: , , , .

:
<div id="helperContainer"> <ul> <li><a id="u_r_here" href="#"> </a></li> <li><a id="nokia_office" href="#"> Nokia </a></li> <li><a id="kremlin" href="#"> Nokia </a></li> </ul> </div>

, :
#helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

: :
// $('#u_r_here').bind('click', function(e){ e.preventDefault() // map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() // Nokia map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() // Nokia . тАФ %) router.calculateRoute(waypoints, modes); });

, , , github:gist .

Nokia Maps JS API , , . . API JavaScript , Qt Java ME .

RESTful- Nokia Maps Nokia Places Points of Interests ( ).
   javascript: 
 nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); //         . nokia.Settings.set("defaultLanguage", "ru-RU"); //  DOM-,       Nokia var mapContainer = document.getElementById("mapContainer"); //    mapContainer //    DOM- var map = new nokia.maps.map.Display(mapContainer, { //     ,   ,     center: [55.752316, 37.614188], //    zoomLevel: 10, components: [ //       // ZoomBar       new nokia.maps.map.component.ZoomBar(), // Behavior    new nokia.maps.map.component.Behavior(), // TypeSelector        ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic    /    new nokia.maps.map.component.Traffic(), // PublicTransport    /     new nokia.maps.map.component.PublicTransport(), // Overview  -     new nokia.maps.map.component.Overview(), // ScaleBar        new nokia.maps.map.component.ScaleBar(), // Positioning   new nokia.maps.positioning.component.Positioning(), // ContextMenu               new nokia.maps.map.component.ContextMenu() ] }); 
 
 ,       .        , , , ,    .   ,     .          Wi-Fi,       тАФ  GPS     .        : 
 if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, //     marker = new nokia.maps.map.StandardMarker(coords), //        //  ,     accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); //             map.objects.addAll([accuracyCircle, marker]); //     ,        map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, //  -          GPS function (error) { var errorMsg = "  : "; //       if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += "  "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; //     alert(errorMsg); } ); } 
 
       ,     Nokia  : 
 //       Nokia  ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", //           (  48  48 ) anchor: new nokia.maps.util.Point(24, 24) }); //      map.objects.add(nokia_marker); 
 
    ,        .         Nokia  ,      : 
 var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); //        var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); //       map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; //      'state'  ,  onRouteCalculated  ,      router.addObserver("state", onRouteCalculated); //        var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /*      ,   transportModes,     RoutingOptions  trafficMode  /         http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }]; 
    ,       .      router.calculateRoute(waypoints, modes); ,         . 
 
  
 
                 Nokia:     ,      , ,     . 
 
       : 
  <div id="helperContainer"> <ul> <li><a id="u_r_here" href="#">  </a></li> <li><a id="nokia_office" href="#">   Nokia </a></li> <li><a id="kremlin" href="#">   Nokia  </a></li> </ul> </div> 
 
         ,      : 
 #helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} 
 
  :         : 
 //    $('#u_r_here').bind('click', function(e){ e.preventDefault() //       map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() //      Nokia    map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() //     Nokia  .  тАФ   %) router.calculateRoute(waypoints, modes); }); 
 
  ,  ,    ,      github:gist . 
 
 Nokia Maps JS API     ,    ,   .               .        API  JavaScript ,   Qt  Java ME . 
 
      RESTful-  Nokia Maps  Nokia Places        Points of Interests ( ).
javascript:
nokia.Settings.set("appId", "_peU-uCkp-j8ovkzFGNU"); nokia.Settings.set("authenticationToken", "gBoUkAMoxoqIWfxWA5DuMQ"); // . nokia.Settings.set("defaultLanguage", "ru-RU"); // DOM-, Nokia var mapContainer = document.getElementById("mapContainer"); // mapContainer // DOM- var map = new nokia.maps.map.Display(mapContainer, { // , , center: [55.752316, 37.614188], // zoomLevel: 10, components: [ // // ZoomBar new nokia.maps.map.component.ZoomBar(), // Behavior new nokia.maps.map.component.Behavior(), // TypeSelector ( , , ) new nokia.maps.map.component.TypeSelector(), // Traffic / new nokia.maps.map.component.Traffic(), // PublicTransport / new nokia.maps.map.component.PublicTransport(), // Overview - new nokia.maps.map.component.Overview(), // ScaleBar new nokia.maps.map.component.ScaleBar(), // Positioning new nokia.maps.positioning.component.Positioning(), // ContextMenu new nokia.maps.map.component.ContextMenu() ] });

, . , , , , . , . Wi-Fi, тАФ GPS . :
if (nokia.maps.positioning.Manager) { var positioning = new nokia.maps.positioning.Manager(); positioning.getCurrentPosition( function (position) { window.coords = position.coords, // marker = new nokia.maps.map.StandardMarker(coords), // // , accuracyCircle = new nokia.maps.map.Circle(coords, coords.accuracy); // map.objects.addAll([accuracyCircle, marker]); // , map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }, // - GPS function (error) { var errorMsg = " : "; // if (error.code == 1) errorMsg += " "; else if (error.code == 2) errorMsg += " "; else if (error.code == 3) errorMsg += ""; else errorMsg += " "; // alert(errorMsg); } ); }

, Nokia :
// Nokia ( 10, ) var nokia_marker = new nokia.maps.map.Marker( new nokia.maps.geo.Coordinate(55.753105, 37.605858),{ title: "Nokia office", visibility: true, icon: "http://habrastorage.org/storage2/772/09f/d91/77209fd919c23f77c10ff6451f1746d0.png", // ( 48 48 ) anchor: new nokia.maps.util.Point(24, 24) }); // map.objects.add(nokia_marker);

, . Nokia , :
var onRouteCalculated = function (observedRouter, key, value) { if (value == "finished") { var routes = observedRouter.getRoutes(); // var mapRoute = new nokia.maps.routing.component.RouteResultSet(routes[0]).container; map.objects.add(mapRoute); // map.zoomTo(mapRoute.getBoundingBox(), false, "default"); } else if (value == "failed") { alert("The routing request failed."); } }; // 'state' , onRouteCalculated , router.addObserver("state", onRouteCalculated); // var waypoints = new nokia.maps.routing.WaypointParameterList(); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.753105, 37.605858)); waypoints.addCoordinate(new nokia.maps.geo.Coordinate(55.752316, 37.614188)); /* , transportModes, RoutingOptions trafficMode / http://api.maps.nokia.com/en/apireference/2.2.1/symbols/nokia.maps.routing.Mode.html */ var modes = [{ type: "shortest", transportModes: ["car"], options: "avoidTollroad", trafficMode: "default" }];
, . router.calculateRoute(waypoints, modes); , .



Nokia: , , , .

:
<div id="helperContainer"> <ul> <li><a id="u_r_here" href="#"> </a></li> <li><a id="nokia_office" href="#"> Nokia </a></li> <li><a id="kremlin" href="#"> Nokia </a></li> </ul> </div>

, :
#helperContainer {z-index:100;display: inline-block;position: absolute;width: auto;height: auto;border-radius: 5px;background-color: rgba(0,0,0,0.8);top:8px;left: 40px;} ul {list-style-type: none;} li {display:inline-block; padding:3 5px;} li a {color:#fff;text-decoration: none;font: 12px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}

: :
// $('#u_r_here').bind('click', function(e){ e.preventDefault() // map.set("center", coords); map.zoomTo(accuracyCircle.getBoundingBox(), false, "default"); }); $('#nokia_office').bind('click', function(e){ e.preventDefault() // Nokia map.set("center", [55.753105, 37.605858]); map.set("zoomLevel", 16); }); $('#kremlin').bind('click', function(e){ e.preventDefault() // Nokia . тАФ %) router.calculateRoute(waypoints, modes); });

, , , github:gist .

Nokia Maps JS API , , . . API JavaScript , Qt Java ME .

RESTful- Nokia Maps Nokia Places Points of Interests ( ).

Source: https://habr.com/ru/post/In148926/

More articles:


All Articles