草庐IT

地图app

全部标签

javascript - 谷歌地图未显示在 Bootstrap 模式中

我正计划在模态中显示谷歌地图,但map未从模态中显示这是我的代码:ShowMap×CloseAddressClosevaraddress='Japan';varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:16});vargeocoder=newgoogle.maps.Geocoder();geocoder.geocode({'address':address},function(results,status){if(status==google.maps.GeocoderStatus.OK){new

javascript - 交互式世界地图,在鼠标悬停时突出显示国家

我需要在站点的首页创建一个交互式世界地图,View门户大约为650x200像素。交互性将包括以下内容,将鼠标悬停在一个国家/地区上会突出显示(例如,这些国家/地区实际上会用“红色”填充)并显示国家/地区的名称(最好是div中的文本),我还将链接带有的突出显示事件将在选中时突出显示一个国家/地区。我很难找到合适的解决方案,我拒绝使用或学习闪存等专有技术,因此这不是一个选择。我使用openlayers和自定义map图像创建了一个简单的模型,但国家/地区的标记在IE6中加载速度太慢。而且svg似乎太大了,因为我尝试使用RaphaelJS,但是当我意识到世界地图数据是1.2mb这对于网站的首页

javascript - 谷歌地图搜索框

我正在尝试使用googlemapapi中的搜索框搜索地点。我正在使用GoogleMapJavascriptapiv3。当我尝试搜索某个地方时,它并没有发生。任何人都可以帮助我解决问题。这是html和javascript代码片段。varmap=newgoogle.maps.Map(document.getElementById("map-canvas"),{center:{lat:12.9715987,lng:77.59456269999998,},zoom:12,});varmarker=newgoogle.maps.Marker({position:{lat:12.9715987,l

javascript - 在 React 组件中使用谷歌地图

我正在尝试在ReactComponent中使用GoogleMap,但它似乎不起作用。我目前指的是https://developers.google.com/maps/documentation/javascript/adding-a-google-map这是我的组件代码:classContactBodyextendsReact.Component{componentWillMount(){constscript=document.createElement("script");constAPI='AIzaSyDbAz1XXxDoKSU2nZXec89rcHPxgkvVoiw';scri

javascript - 谷歌地图问题无法调用未定义的方法 'apply'?

我在谷歌上搜索了一个解决方案,但这似乎是一个新的解决方案?我正在尝试在网站上实现googlemapsAPI,但我不断收到以下错误:未捕获的类型错误:无法调用未定义的方法“应用”我的JS如下:varmap;functioninitialize(location){varmapDiv=document.getElementById('map-canvas');varlatLng;if(location==0){latLng=newgoogle.maps.LatLng(52.066356,1.102388);}elseif(location==1){latLng=newgoogle.maps

javascript - 从谷歌地图信息窗口中删除关闭图标

如何删除谷歌地图中信息窗口的关闭图标。我试图删除此图标,但找不到它的ID或类。那么谁能帮我从信息窗口中删除关闭图标? 最佳答案 您可以使用CSS隐藏关闭按钮:.gm-style-iw+div{display:none;} 关于javascript-从谷歌地图信息窗口中删除关闭图标,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/20544932/

javascript - 如何控制谷歌地图标记的不透明度

我需要根据时间将一些标记设为半透明。有没有办法控制标记的CSS不透明度?或者是否有可能可靠地找出标记的DOM元素?我使用GoogleMapsAPIv3。 最佳答案 可以使用marker.setOptions({'opacity':0.5})设置标记的不透明度 关于javascript-如何控制谷歌地图标记的不透明度,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/8802546/

JavaScript 最佳实践 : How to implement long-lived apps (one-page web apps)?

是否有任何最佳实践来实现长生命周期的JavaScript应用程序,即由单个页面组成并通过AJAX将其他页面加载到内容区域的网络应用程序?(Gmail就是一个很好的例子。)我已经阅读了有关优缺点、SEO、性能等的信息(http://stackoverflow.com/questions/1499129/one-page-only-javascript-applications),我对如何实现的模式很感兴趣这个。我想避免使用大型框架(例如Cappuccino、Echo2、SproutCore、Claypool)。如何在维护URL的#link部分(用于书签)的同时管理动态加载内容?不要误会我

javascript - 从 Google Apps 脚本调试客户端代码

这个问题在这里已经有了答案:HowtogoaboutdebuggingJavaScriptintheHtmlServiceinGoogleScripts(2个答案)关闭3个月前。我的客户端代码有问题(谁没有,他们用任何语言编写的任何代码,在开发过程中的某一时刻?)问题是我在GoogleApps中编写这段代码脚本,找不到我正在尝试调试/检查错误的js代码。我记得可以输入一个函数名称,然后单击返回的代码直接转到代码文件和其中的函数,但是由于某种原因,它在这里不起作用。我尝试了一下,这就是我所接受的:(我认为Caja可能与此有关...)我认为它在某个VM****文件中,但我对此了解不多。如何

javascript - Foundation-Apps angular 站点与 karma-jasmine 单元测试的集成

我认为在尝试运行karmajasmine单元测试时使用angular-mocks和foundation-apps存在问题。也可能是我错过了什么。由于要看的代码太多,我在github上发布了一个示例项目以供审查。基本上网站运行良好,karma运行测试,但是当您调试到angular.mocks.module函数时,您会发现您的应用程序中的模块没有被加载。如果您将foundation-apps排除在外,它将正常工作。这会不会是版本冲突,因为foundation-apps对angular-mocks有较旧的依赖性?fatestongithub 最佳答案