动态加载mapquest脚本的问题
动态加载mapquest脚本的问题
提问于 2019-07-10 02:49:08
在ASP.NET核心应用程序中，我将Html模板和相应的Javascript作为字符串存储在数据库中(在两个单独的列中)。
Html模板 script和link标签是模板的一部分。
<script type='text/javascript' src="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.js"></script>
<link type="text/css" rel="stylesheet" href="https://api.mqcdn.com/sdk/mapquest-js/v1.3.2/mapquest.css" />
<div id="mapcontainer" name="mapcontainer">
<div id="map" name="map" style="width: 100%;height: 700px;"/>
</div>JavaScript模板
$(function(){
var mapdiv = $("#map")[0]; // get dom element
var geoJsonData = {
"type": "Feature",
"geometry": {"type":"MultiPolygon","coordinates":[[[[xxx,xxx],[xxx,xxx],[xxx,xxx],[xxx,xxx],[xxx,xxx]]]]}
};
console.log(geoJsonData);
var boundary;
L.mapquest.key = 'KEY';
var myRenderer = L.canvas({ padding: 0.5 });
var map = L.mapquest.map(mapdiv, {
center: [35, -84],
layers: L.mapquest.tileLayer('hybrid'),
zoom: 4,
renderer: myRenderer
});
if (boundary) {
map.removeLayer(boundary);
}
var myStyle = {
color: "blue",
opacity: 1,
fillColor: "blue",
fillOpacity: .1
};
boundary = L.geoJSON(geoJsonData, { style: myStyle }).addTo(map);
map.fitBounds(boundary.getBounds());
})编写html和javascripts的部分视图。(请注意，javascript模板是在Html之后编写的)
@model RenderModel
@Html.Raw(Model.Html)
<script type="text/javascript">
@Html.Raw(Model.Js)
</script>返回部分视图的操作方法
public IActionResult Render()
{
var result = service.GetFromDataBase();
var renderModel = new RenderModel()
{
Html = result.HtmlString;
Js = model.JsString;
};
return PartialView("_RenderedOutput", renderModel);
}在客户端，当用户单击某个按钮时，我使用ajax加载此部分视图
$("#btn").click(function(){
$.get("/render",function(data){
$("#someDiv").html(data);
})
})问题
加载部分视图时，我在控制台中看到错误
VM555:16 Uncaught ReferenceError: L is not defined
at <anonymous>:16:13
at b (jquery.min.js:2)
at Ie (jquery.min.js:2)
at k.fn.init.append (jquery.min.js:2)
at k.fn.init.<anonymous> (jquery.min.js:2)
at _ (jquery.min.js:2)
at k.fn.init.html (jquery.min.js:2)
at Object.onDone (main.js:66)
at Object.<anonymous> (wmp.utils.js?v=oqExPOG9vQY_CyC9Di4pALnwKwtHyRC287LMRejP6Hw:167)
at c (jquery.min.js:2)变量L是mapquest javascript的一部分，所以它看起来像是在mapquest脚本加载之前调用了JavaScript模板。我查看了mapquest文档，但他们到处都在使用window.onload事件，这在我的情况下不起作用
回答 1
Stack Overflow用户
发布于 2019-07-10 03:08:59
这行不通的。您不能通过转储HTML向页面添加脚本(无论是否来自AJAX )。为了安全起见，在将HTML插入DOM之前，浏览器将自动剥离所有脚本标记。如果您想要动态加载脚本，则必须手动执行该操作，或者专门为此目的使用库( basic的功能与手动加载脚本的功能相同，但有更多花哨的功能)。
var script = document.createElement('script');
script.src = scriptSrc;
document.head.appendChild(script);其中scriptSrc是您要加载的脚本的URL。这个JS当然必须已经在页面上，否则你将处于无限递归中，你需要一些东西来加载这个脚本，这样你才能加载另一个脚本等等。
所有这些都不能很好地用于偏导函数。很可能，您正在寻找一种方法，能够根据客户端发生的事情动态地将库和所有支持HTML的内容放在页面上。如果是这样的话，你应该保持在客户端，并创建一个类似Vue，Angular，React等的组件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56958950
复制相关文章
相似问题