osm-stack.json

{"index.html":"<html><head><script src=\"//ej2.syncfusion.com/javascript/demos/maps/osm/datasource.js\" type=\"text/javascript\"></script>\n<script src=\"https://cdn.syncfusion.com/ej2/dist/ej2.min.js\" type=\"text/javascript\"></script>\n    <link href=\"https://cdn.syncfusion.com/ej2/material.css\" rel=\"stylesheet\">\n\n    <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n\n    <style>\n            body{\n                touch-action:none;\n            }\n        </style></head><body><div class=\"stackblitz-container {{theme}}\"><div class=\"control-section\">\n    <div id=\"container\"></div>\n    <div style=\"float: right\"> \n        <a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">&#xA9; OpenStreetMap contributors</a>\n    </div>\n    <br>\n    <!-- Source link -->\n    <div style=\"float: right; margin-right: 10px;\">Source:\n        <a href=\"https://en.wikipedia.org/wiki/Headquarters_of_the_United_Nations\" target=\"_blank\">en.wikipedia.org</a>\n    </div>    \n</div>\n\n    \n","index.js":"{{ripple}}\n    var maps = new ej.maps.Maps({\n\n        titleSettings: {\n            text: 'Headquarters of the United Nations',\n            textStyle: {\n                size: '16px'\n            }\n        },\n        centerPosition: {\n            latitude: 40.7209,\n            longitude: -73.9680\n        },\n        zoomSettings: {\n            zoomFactor: 10,\n            enable: false\n        },\n        layers: [{\n                layerType: 'OSM',\n                animationDuration: 0,\n                markerSettings: [\n                    {\n                        visible: true,\n                        template: '<div><img src=\"//ej2.syncfusion.com/javascript/demos/src/maps/images/ballon.png\" style=\"height:30px;width:20px;\"></img></div>',\n                        dataSource: [{\n                                name: 'Manhattan, New York, USA',\n                                latitude: 40.7488758,\n                                longitude: -73.9730091\n                            }],\n                        tooltipSettings: {\n                            visible: true,\n                            valuePath: 'name'\n                        }\n                    }\n                ]\n            }]\n    });\n    maps.appendTo('#container');\n"}