草庐IT

vue2-google-maps

全部标签

javascript - 正确使用 Vue $refs

我正在尝试重新创建thisexact我的一个vue组件中的内联编辑功能。然而,我可能是错的,我看到一些语法是过时的Vue,特别是正在使用的v-el指令。我试图像这样更新语法:newVue({el:'#app',data:{numbers:[{val:'one',edit:false},{val:'two',edit:false},{val:'three',edit:false}]},methods:{toggleEdit:function(ev,number){number.edit=!number.edit//Focusinputfieldif(number.edit){Vue.ne

vue3组件库项目学习笔记(五):配置编码规范

现在我们已经拥有了一个可以发布的组件库,但是大家都知道,现在市面上的组件库基本上都是开源维护的或者团队开发,独立的开发组件库工具,所以想要在团队协作的时候更好的编码,也为了使得我们的代码更加规范,我们需要配置我们的组件库规范,以下介绍几个大家比较耳熟能详的工具的配置,大家也可以选择自己喜欢的工具进行开发:配置Eslinteslint是一个非常通用的代码质量检查工具,可以通过配置文件对代码的质量进行约束和修复,我们首先还是导入依赖pnpmieslint-D-w因为我们是基于vue和ts的项目,我们还需要导入相关的依赖,因为eslint默认只支持js的解析pnpmieslint-plugin-vu

javascript - Google maps geocode API V3 未在 javascript 函数中返回结果

我正在尝试使用GooglegeocoderAPIV3根据用户指定的地址在map上绘制位置,代码如下。当我直接发出请求(例如向http://maps.googleapis.com/maps/api/geocode/json?address=peterborough&sensor=false)时,我得到了预期的响应。但是,当我使用下面的代码发出相同的请求时,midpoint变量在getLatLong函数退出后始终未定义。我做错了什么?functionloadFromSearch(address){midpoint=getLatLong(address);mapCentre=midpoint

javascript - 带有 InfoBox 插件的 Google Maps API v3 事件鼠标悬停

我正在研究GoogleMapsAPIv3并结合使用InfoBox插件(http://google-maps-utility-library-v3.googlecode.com/套件的一部分)来制作一些样式精美的信息窗口,这些信息窗口可以对标记交互使用react。对于这个特定的实验,我试图在标记悬停时弹出InfoBox窗口,但是我一直在努力解决与InfoBox上的鼠标悬停/鼠标移出有关的事件系统问题window。我可以找到DIV并使用google.maps.event.addDomListener将mouseover和mouseout事件附加到InfoBox,但它太笨拙了——当我将鼠标悬

javascript - 客户端反向地理编码(Google Maps V3 API)

如何使用GoogleMapsV3API在客户端执行反向地理编码?从地址到LatLng的正向地理编码很简单(下面的代码),但是如何对反向地理编码执行相同的操作?普通地理编码:geocoder=newgoogle.maps.Geocoder();geocoder.geocode({'address':address},function(results,status){if(status==google.maps.GeocoderStatus.OK){map.setCenter(results[0].geometry.location);varmarker=newgoogle.maps.Ma

javascript - 为什么从 AngularJS Controller 内部加载时 google graph 不工作。浏览器变白,控制台没有任何错误

这样我的直方图就可以正常工作了,当我像在页面加载期间一样加载它时。$(document).ready(){x=newArray(10);for(vari=0;iGoogle柱形图代码:(取自Googlechartingapi)functionloadChart2(histValues){console.log('histValues:'+histValues);google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){

javascript - Google Javascript API (gapi) - .load 的问题

我正在尝试像这样使用GoogleplusAPI(通过googie-api-javascript)实现(省略完整代码):varclientId='7454475891XxxxxxXom4c6n.apps.googleusercontent.com';//fakeclientvarapiKey='-uTH_p6NokbrXXXXXXXXXXXXX';//FakeKeyvarscopes='https://www.googleapis.com/auth/plus.me';functionhandleClientLoad(){gapi.client.setApiKey(apiKey);wind

javascript - 如何为 google maps api 圆制作动画?

我在CSS3中构建了一个脉冲动画我想在googlemapsapi中实现标记不幸的是它不可能直接插入到map中。CSS3动画或是否有任何选项是否可以将googlemapcircle作为动画增加和减少。varmyCity=newgoogle.maps.Circle({center:bigOne,radius:150,strokeColor:"#E16D65",strokeWeight:2,fillColor:"#E16D65",fillOpacity:0});varsmallcircle=newgoogle.maps.Circle({center:smallOne,radius:300,s

javascript - 使用 google maps api 的经度和纬度变量

我刚开始在浏览器上使用googlemapsAPI,但当我将变量放在经度/纬度位置而不是直接将数字放置时,我似乎无法让它工作。我需要映射从两个输入元素的值填充。它不适用于变量,但如果您将函数中的变量更改为数字,它会完美地工作。是的,我知道我不应该发布我的APIkey,但这是我在非帐户上用于测试的key,我最终会删除它。functioninitialize(){varuserLng=$('#lng').val(); varuserLat=$('#lat').val(); varmapOptions={ center:{lat:userLat,lng:userLng}, zoom:8 };

javascript - 在 Laravel Homestead 中使用 Vue.js 时从 URL 中删除 # 哈希

我有一个在Homestead中运行的Laravel5.2安装程序,并使用Vue.js路由器构建一个SPA。我试图从我知道可以完成的URL中完全删除#hash,但我不断收到错误:我在Homestead的虚拟主机文件中添加了rewrite^(.+)$/index.htmllast;:server{listen80;listen443ssl;server_nameapp.myproject.dev;root"/home/vagrant/Code/vibecast/app.myproject.com/public";rewrite^(.+)$/index.htmllast;indexindex