1回答
多年来，我一直在努力弄清楚如何使用谷歌地图。我欣喜若狂，终于能够用正确的地址生成一张地图。
这是我的javascript。
我现在正在为如何设置缩放级别而挣扎。我在下面展示的每一个地方都试过了，但都没有用。在每一种情况下(不管我设置的缩放级别是多少)，我都会得到具体建筑物的贴图。
有人能看到我做错了什么，或者我需要做什么才能让我的地图识别我的缩放级别请求吗？控制台中没有显示任何js错误。
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom:
浏览 0提问于2016-11-26得票数 1
1回答
使用Google (最新版本)&崇高文本。
嗨，我对我的个人项目很感兴趣，我想把xml坐标(总线)转换成google地图上的标记，这是我的代码：
<script type="text/javascript">
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
initMap(this);
}
};
xhttp.op
浏览 0提问于2018-04-04得票数 0
回答已采纳
我正在使用带有jquery mobile的cordova。当我尝试插入google Maps Apis的Maps时，地图没有出现。我还没有理解这个问题。我的代码(删除api密钥)：
<div id="mappagps">Cavolo</div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById("mappagps"), {
center: {lat: -34.3
浏览 0提问于2018-03-12得票数 0
我有谷歌地图对象的选项：
$(document).ready(function () {
var mapOptions = {
zoom: 4,
minZoom: 3,
maxZoom: 12,
center: new google.maps.LatLng(39.484973, -0.364126),
mapTypeControl: false,
streetViewControl: false
};
var mapElement = document.getElement
浏览 2提问于2017-05-04得票数 2
回答已采纳
我想在我的react应用程序中实现主题化。因此，我使用了 (sass-mixins)。
但这不能与css-modules结合使用，因为主题化类在我想要主题化的css-module之外。
有没有人有解决这个问题的办法，或者使用sass对react应用程序进行主题化的其他方法？
App.js
const theme = require('../../Theming.sass)
<div class={theme['theme-dark'}>
<SearchBar/>
...
</div>
SearchBar.js
const s
浏览 2提问于2019-09-02得票数 3
2回答
我想知道是否有人能让谷歌地图在Django project中工作，如果是的话，他们能告诉我我做错了什么吗？
在base.html中，我在base.html中的正文末尾有以下脚本：
<script src="{% static '/js/script.js' %}" ></script>
<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js"
浏览 7提问于2022-07-20得票数 -2
2回答
有没有人把这个转换成打字稿？
var map;
var infowindow;
function initMap() {
var pyrmont = {lat: -33.867, lng: 151.195};
map = new google.maps.Map(document.getElementById('map'), {
center: pyrmont,
zoom: 15
});
infowindow = new google.maps.InfoWindow();
var service =
浏览 11提问于2017-02-24得票数 4
回答已采纳
我是一名java和Js开发人员，所以我对rails和ruby完全陌生。在我的一个项目中，我使用rails来使用api并返回到js。我正在将api响应转换为ruby中的模型。
现在，它是{KEY1=>[{array of objects(my model)}], KEY2=>[{array of objects(my model)}]}格式的
模型的关键也在snake_case中。我的要求是遍历它，并将它转换为具有驼峰式大小写密钥的JSON。
转换为模型后的接口响应：{ KEY1=>[{@person_name:"abc", @person_id="12
浏览 0提问于2021-10-15得票数 0
2回答
如何从角组件中的url加载外部js文件？
具体来说，我正在尝试将google-maps-api加载到我的角度项目中。目前，我在我的index.html中这样做：
<script async defer src="https://maps.googleapis.com/maps/api/js?key=API_KEY&callback=initMap">
</script>
注意:我知道angular-maps。这不是一个选择。
浏览 3提问于2018-01-07得票数 8
回答已采纳
我正在尝试将Google从Google中导入到我的Vue.js应用程序中。我已经检索了生成的API密钥，并且正在尝试显示地图。当我运行这个应用程序时，Atom抛出一个Module消息，浏览器显示：Can't resolve 'https://maps.googleapis.com/maps/api/js?key=MYAPIKEY&callback=initMap' in 'C:\Atom Projects\Project\client\src\components'，知道我做错了什么吗？
MyComponent.vue
<template&
浏览 1提问于2018-03-15得票数 1
回答已采纳
1回答
我正在尝试添加谷歌地图到网站，我希望地图是100%的宽度，我已经尝试了以下代码
<section class="bg-primary text-white mb-0" id="about">
<div class="container">
<h2 class="text-center text-uppercase text-white">Map</h2>
<div id="map" style="height=450px"&g
浏览 22提问于2018-08-01得票数 0
3回答
<body>
<script src="script.js"></script>
<div id="map">Get your Location</div>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=(API_KEY)&callback=getLocation"></script>
</body>
我只想创建一个按钮，单
浏览 2提问于2017-05-07得票数 0
回答已采纳
1回答
我想显示谷歌地图后，一个链接被点击。
我试过以下几种方法。当单击链接时，则：
在id div链接后插入map
用jQuery方法$.getScript加载Google
用id map将Google添加到map中
不幸的是，第二步似乎不起作用。在JS控制台中，我发现了错误
ReferenceError: google没有定义
这是我的代码，只不过我已经用行中的字符串mykey替换了实际的Google键。
$.getScript("https://maps.googleapis.com/maps/api/js?key=mykey");
为什么我不能像这
浏览 2提问于2016-07-01得票数 0
回答已采纳
我正在尝试使用Google API向我的Gatsby项目添加一张地图。
我是 Gatsby html.js，通过一个默认的副本：
cp .cache/default-html.js src/html.js
然后，根据，在Googling搜索之后，我发现我需要使用dangerouslySetInnerHTML并在新的html.js中关闭</body>标记之前添加以下内容
<script dangerouslySetInnerHTML={{
__html: `
var map;
function initMap() {
map =
浏览 2提问于2018-05-31得票数 4
我在JS中是新的，我希望你能帮我)，我需要用这种方式转换对象数组：
const arr = [
{id: 'key1', value: 1 },
{id: 'key2', value: [1,2,3,4]}
...
]
const transformedArr = [
{key1: 1},
{key2: 1},
{key2: 2},
{key2: 3},
{key2: 4},
....
]
我该怎么做呢？
浏览 5提问于2017-10-01得票数 1
回答已采纳
我试图将immutable.js与TypeScript结合使用，但很难让编译器相信Map有迭代器。代码在ES6中工作，所以我不知道为什么它不能在TypeScript中工作。
码
import {Map} from "immutable";
const m = Map({ a: 1 });
for (const [key, value] of m) {
console.log(key, value);
}
预期输出：
a 1
实数：
TSError: ⨯ Unable to compile TypeScript
src/test.ts (6,28): Type mus
浏览 2提问于2016-10-28得票数 1
回答已采纳
我正在尝试在我写的现有Openlayers 3代码中添加一个自定义的mapbox GL JS底图(它已经由一位同事设计了样式)，尽管我很难找到一个让这两者一起工作的解决方案。到目前为止，我已经像下面的例子一样添加了层，没有问题：
new ol.layer.Tile({
title: 'Satellite',
type: 'base',
visible: false,
source: new ol.source.XYZ({ //Mapbox layer with API Key
浏览 27提问于2018-11-30得票数 0
我希望在滚动时使用nextPageToken获得新的结果。
例如，如果您最初进行搜索并且显示了6个项目，请向下滚动查看与这6个搜索条件相关的其他视频。
同样的视频不断出现。我该如何改变结果？
onModalShow.js
import {$} from "../utils/querySelector.js";
import {renderRecentKeyword, renderSearchResult} from "../view/Modalview.js";
import {getURLQueryStringApplied, request} from &
浏览 1提问于2022-02-05得票数 0
回答已采纳
1回答
我在我的地址上用了定位标记。但地图和定位标记不能正常工作
HTML代码。
<section class="contact-map2" id="contact-map2">
</section>
Jquery代码。
<!-- Jquery -->
<script src="js/jquery-3.1.1-min.js" type="text/javascript"></script>
<script type="text/javascript" src
浏览 11提问于2017-03-29得票数 0
回答已采纳
我已经添加了一个Google Maps字段，该字段在function.php my API key中配置。
在编辑中，地图正在显示，但我在控制台中有错误：
TypeError: _.N is not a function[En savoir plus] stats.js:3:463
TypeError: _.ma is not a function[En savoir plus] common.js:99:286
TypeError: _.ma is not a function[En savoir plus] util.js:27:391
TypeError: invalid '
浏览 1提问于2017-03-23得票数 0
在创建导航条时，我使用了来自MUI的多个折叠组件，以创建生成菜单项。
这不是一个代码破坏错误，而是一个恼人的错误。我在我的控制台中得到以下错误。
Warning: Encountered two children with the same key, `indexCollapseListItem`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted —
浏览 2提问于2022-02-18得票数 0
回答已采纳
我有整合谷歌地图到我的网站，我想添加一个标记与用户的位置。第一个文件是Map.js，第二个是MapContainer.js。在这个文件中的MapContainer.js中，我有所有用于地图呈现、圆圈、缩放、API和地图尺寸的数据--代码格式--对不起，但这是我第二次在这个社区上写文章
import React, { Fragment } from "react";
import {
withGoogleMap,
GoogleMap,
withScriptjs,
Marker,
Circle
} from "react-google
浏览 1提问于2021-03-16得票数 0
回答已采纳
我使用d3.js对.csv文件中的数据进行分组。我正在尝试使用d3.nest()按年份，然后按状态来获取记录的计数。
我的test.csv包含
Year,Project,Status
2018,Project 1,InProgress
2018,Project 2,InProgress
2018,Project 3,InProgress
2017,Project 4,InProgress
2017,Project 5,Completed
2017,Project 6,InProgress
2016,Project 7,Completed
我的代码是这样的：
d3.csv("http
浏览 0提问于2019-01-18得票数 2
回答已采纳
1回答
因此需要在我的应用程序中遵循以下依赖关系： <script src="https://maps.googleapis.com/maps/api/js?key=API_KEY></script> 问题是我只有在运行时才有我的密钥。我不确定在运行时注入它的"react“方式是什么？我意识到我可以获得head元素并将html添加到window onload事件中，如下所示： document.head.append('<script src="https://maps.googleapis.com/maps/api/js?key=API
浏览 16提问于2020-09-10得票数 0
1回答
根据标记移动谷歌地图
、、、、
我想根据标记移动谷歌地图。我设置了defaultCenter，但当我得到我目前的位置与lat和液化天然气标志是正确的移动，但谷歌地图没有移动根据标志。
这是代码
import { GoogleMap, withScriptjs, withGoogleMap, Marker } from "react-google-maps";
import { useSelector } from 'react-redux';
function Map(props) {
const { latitude, longitude } = useSelector(state
浏览 2提问于2020-01-21得票数 0
回答已采纳
嗨，我是javascript的新手。访问json对象的最佳方式是什么，在本例中是"js“，这样我就可以使每个标记具有不同的内容？现在每个标记显示相同的键值(最后一个键值)
js = JSON.parse(jss);
var infowindow;
infowindow = new google.maps.InfoWindow({
content: js.length + ' ' + iter//String(jss.length)
});
var iter = 0;
for (var key in js){
mark = new google.maps.M
浏览 3提问于2013-12-18得票数 0
2回答
我想了解这个密码的结果。我认为这与反应“钥匙”有关。“
const {useState} = React;
/*export default*/ function App() {
const [alphabets, setAlpabets] = useState([
{ key: "b", name: "b2" },
{ key: "b", name: "b" },
{ key: "a", name: "a1" },
{ key: "a",
浏览 4提问于2022-01-27得票数 1
2回答
以下是我的浏览器控制台中的错误：
Warning: Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information.
ExpenseList@http://localhost:3000/main.cfec1fef7369377b9a13.hot-update.js:29:7
div
Card@http://localhost:3000/static/js/main.chunk.js:2973:19
div
Ex
浏览 1提问于2021-09-28得票数 2
我试图将搜索框连接到我的嵌入式Google地图，但我获得的代码确实不允许搜索KML/KMZ文件。我正在努力，因为这是我第一次使用他们的API
我可以在没有搜索栏的情况下显示KMZ文件，但我找不到有关为KMZ文件实现搜索工具的教程，因为它是从Google上的我的地图下载的
<style>
html, body {
height: 370px;
padding: 0;
margin: 0;
}
#map {
height: 360px;
width: 300px;
浏览 1提问于2017-04-28得票数 1
我采用了两种方法：
方法1: --我在bower_component中安装并在组件中生成declare var _:any;。它的工作精细
在单击事件中，我调用此函数：
checkLodash() {
_.forEach({ a: 1, b: 2 }, function (value, key) {
console.log(key);
});
let a = _.findIndex(this.users, 'active');
console.log(a);
}
一切都很好。但我在制作中发现了这个问题
EXCEPTION: ReferenceError
浏览 3提问于2016-04-13得票数 1
在我的主App render函数中...我已经生成了这个列表。
const buildings = this.state.buildings.map(buildingData=>
{
console.log("unique id is:", buildingData.id)
return(
<Building
key={buildingData.id}
name ={buildingData.name}
handleBuildingBuy={
浏览 3提问于2020-06-03得票数 0
我有一个以键和值作为字符串的映射。但是，当尝试基于键检索值时，它会抛出错误。 以下是我的代码片段。 let map:Map<string, string> = { [ "key1": "hello world 1" ], ["key2": "hello world 2"] } ;
alert( JSON.stringify(map.get("key")) ); 下面我得到的异常如下。 VM133:4 Uncaught TypeError: map.get is not a function
浏览 465提问于2021-02-05得票数 3
回答已采纳
1回答
用ngmap绘制多边形
、、、、
我试图用ngmap在我的地图上画多边形。示例显示的地图正确显示，但当我完成绘图时，我得到的是：
ng-map.min.js:25 Uncaught TypeError: Cannot read property 'onMapOverlayCompleted' of undefined
我使用了这个例子的相同代码。
我的问题：
如何解决这个错误？
2-如果我想让用户只绘制多边形表单，我已经尝试将drawingMode的值设置为“多边形”，但是我总是有其他的绘图选项(圆圈.)。怎么能只让多边形画呢？
3-如何让用户清除绘制的多边形？
4.能否检测出每一个点的放置(绘图)动作。我的意
浏览 1提问于2017-05-02得票数 0
回答已采纳
我正在开发一个node js和react应用程序。我正在尝试从后端获取以下数据集： [{"name":"nameonehere#1"},{"name":"nameonehere#2"},
{"name":"nameonehere#3"},{"nameonehere#4"},...,{"name":"nameonehere#xxx"}] 这是我的app.js： class App extends Component {
state = {
浏览 30提问于2019-10-03得票数 0
回答已采纳
试图从googleapi获取地图，返回firebug中的网络错误：
"NetworkError: 404 Not Found - http://localhost:15618/Home/https//maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=MY_KEY"
联系人视图中的源代码：
<script type="text/javascript" src="https//maps.googleapis.com/maps/api/js?v=3.exp&senso
浏览 0提问于2014-02-19得票数 1
我正在尝试使用纯JS重新创建下划线pluck函数。然而，我总是得到一个返回的未定义的数组，而不是数组中对象的属性的实际值。
检查另一个线程时，我发现您可以用以下代码在jQuery中重现它……
$.pluck = function(arr, key) {
return $.map(arr, function(e) { return e[key]; })
}
...however我很难在纯JS中重现它。我尝试了下面的方法，但是这只是为我返回了一个未定义的数组。
var pluck = function(arr,key){
var newArr = [];
for (var i
浏览 0提问于2014-09-08得票数 35
我正在构建一个铬扩展使用颤振网络，这只是一个简单的ListView在主屏幕和基本的CRUD操作。我使用dart:js包从JS文件中调用方法，JS文件在Firebase数据库上执行一些操作。
通过方法调用向数据库添加一个新条目是工作。读取操作也可以在JS文件中正常工作。
我的主要问题是如何让以JSON的形式读取数据库信息，解析它并以ListView的形式显示它。
main.dart和AddAttendee.dart来了-
import 'dart:js' as js;
import 'dart:convert';
import 'package:flu
浏览 0提问于2020-06-27得票数 8
回答已采纳
2回答
我在HTML中有到脚本的链接
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCrAbBwliakQCs7vDgLGilKQnicEc0-8hA&callback=initMap&v=weekly" defer></script>
当使用"wp_dequeue_style“时，我需要在我的php中添加属性”延迟“
wp_enqueue_script('google-map', 'https://maps.googleapis.
浏览 8提问于2022-10-08得票数 0
回答已采纳
1回答
反应函数不呈现
、、
我有一个简单的函数来测试用户帐户上的标志，但是函数中的返回语句没有在屏幕上呈现。控制台将读出2个GOT HERE，但通知头下没有显示任何内容。
我已经在网站的另一个部分实现了一个非常相似的功能，所以我对这个函数如何不按预期呈现感到有点困惑？
Dashboard.js:
import React, { Component } from 'react';
import fire from '../../config/Fire.js';
import { Link, withRouter } from 'react-router-dom';
cla
浏览 0提问于2019-01-24得票数 0
回答已采纳
我有两个文件。
App.js
class App extends Component {
constructor() {
super();
this.state = {
todos: ToDoData,
};
}
handleChange(id) {
console.log("changed", id);
}
render() {
const ToDoItems = this.state.todos.map(function (content) {
return (
<
浏览 1提问于2020-12-31得票数 1
回答已采纳
2回答
如何根据需要格式化数组数组的值？
、、、、
我有以下数组，其中包括对象数组。
const arr = [
[
{
"key1": "keyName",
"key2": "test name1"
},
{
"key1": "keyDescription",
"key2": "test description1"
}
],
[
{
"key1": "keyName",
浏览 4提问于2021-07-10得票数 0
回答已采纳
我在我的React应用程序中使用React，并处理util文件中的所有Maps API内容。
在我的index.html页面中，我链接到Google Maps库--参见下面：
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=my_api_key"></script>
我遇到的问题是，在我的util文件中，我得到了“未定义”的错误--参见下面。
我该怎么处理？我链接到Google M
浏览 4提问于2020-01-20得票数 0
回答已采纳
我想和这个一样:显示地图，让用户画一个多边形，编辑它和/或清除它。问题是，我使用的是角度，但即使这样，我也想使用与示例相同的代码。我现在面临的问题是地图没有显示。
这些都是我在index.html中的包含
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script
浏览 2提问于2017-05-02得票数 0
回答已采纳
我在为对象中的一个项目的每个实例呈现组件时遇到了一些问题。
虽然我能够记录每个项目的单个标题，但无论我尝试返回哪个组件，return函数都不会返回任何内容。显然，没有错误。
有没有更好的方法来根据对象中的每一项返回组件？
任何帮助都将不胜感激！:)
import React, { Component } from 'react';
export default class Wrapper extends Component {
const obj = () => ({
"one": {
"title
浏览 15提问于2018-03-04得票数 2
回答已采纳
如果我用地图方法调用所有的折扣价格。它很好地工作，但我在控制台中看到，就像这样，错误被发现了。如何修复它
<div className="priceCal flex flex-col items-center">
<p style={{ fontSize: '1.5em' }} className='font-medium pt-3'>Total items: </p>
{
data.map((v, i)=>{
retur
浏览 6提问于2022-02-02得票数 0
回答已采纳
我正在尝试使用react为我的测试应用程序创建left hand menu like this image，加载后在运行时在浏览器控制台上收到以下警告/错误。 index.js:1375 Warning: Each child in a list should have a unique "key" prop.
Check the render method of `LeftNav`. See fb.me/react-warning-keys for more information.
in Fragment (at LeftNav.js:12)
in LeftNav (
浏览 25提问于2019-10-04得票数 0
回答已采纳
1回答
我正在使用这些模块
"devDependencies": {
"@babel/core": "^7.0.0-beta.46",
"@babel/preset-env": "^7.0.0-beta.46",
"chai": "^4.1.2",
"chai-http": "^4.0.0",
"grunt": "^1.0.2",
"grunt-babel": &#
浏览 1提问于2018-05-02得票数 0
有没有什么方法可以让我只在用户滚动到地图部分而不是页面点击时调用谷歌地图API？ 下面是我用来在angularJs中调用google地图API的代码： function _initializeMap() {
if(!angular.isDefined(window.google) || !angular.isDefined(window.google.maps)){
$ocLazyLoad.load("js!https://maps.googleapis.com/maps/api/js?key=Sample_Google_API_Key&
浏览 13提问于2021-01-14得票数 0
回答已采纳
我正在使用google创建一个使用vue.js的简单应用程序。如果我将api键与简单的html和javascript一起使用，但是如果我将相同的进程移动到vue，控制台中就不会出现任何映射，也不会出现错误，所以我不知道我做错了什么。
在项目的index.html文件中，我按照以下方式集成了api：
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=MY_API_KEY"></script>
Vue组件
<template>
<di
浏览 2提问于2021-12-20得票数 0
我试图整合谷歌地图的角度。
index.html
<script async defer src="https://maps.googleapis.com/maps/api/js?key=api_key&callback=initMap"></script>
example.component.html
...
<div id="map"></div>
...
example.component.ts
...
ngAfterViewInit() {
function initMap() {
浏览 5提问于2017-08-13得票数 6
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
