Here Maps 3.1 JS API的样式文件
是一组CSS文件，用于定制和美化在Here Maps中绘制的地图和地图元素的外观。
样式文件可以用于改变地图的颜色、形状、标记等视觉效果，以满足不同的应用需求。它们是通过修改CSS属性来实现的，比如调整元素的填充颜色、边框样式、字体样式等。
样式文件可以按照不同的功能进行分类。以下是几个常见的样式分类及其应用场景：
- 地图样式（Map Styles）：地图样式文件定义了地图的整体外观和风格。可以通过修改背景颜色、标注风格、道路样式等来定制地图的外观。
- 标记样式（Marker Styles）：标记样式文件定义了地图上各种标记的外观，如图钉、图标、标签等。可以通过修改图标的颜色、大小、形状等来自定义标记的外观。
- 信息窗口样式（Info Window Styles）：信息窗口样式文件定义了在点击标记或其他地图元素时弹出的信息窗口的外观。可以修改窗口的背景、边框、字体样式等来美化信息窗口。
腾讯云提供了与Here Maps API相兼容的地图服务，以帮助开发人员构建地图相关的应用。以下是腾讯云地图服务的相关产品：
- 地图开发API：提供了丰富的地图展示和操作功能，包括地图加载、标记绘制、路线规划等。详情请参考腾讯云地图开发API。
- 地图SDK：为不同平台（iOS、Android、Web）提供了专门的SDK，使开发人员可以在移动端应用或Web应用中集成地图功能。详情请参考腾讯云地图SDK。
- 地理围栏：提供了实时位置监控和围栏报警功能，可用于电子围栏、车辆定位等应用场景。详情请参考腾讯云地理围栏。
请注意，以上是腾讯云地图服务的一部分，还有其他相关产品和服务可供选择。在选择合适的产品时，建议根据具体需求和应用场景进行评估和比较。
相关·内容
我正在试图弄清楚为什么JavaScript的Maps API在Google Chrome上呈现，而不是在IE11上呈现。我使用的例子是：https://developer.here.com/documentation/maps/3.1.17.0/dev_guide/topics/get-started.html。 查看之前有关这方面的帖子，我尝试添加遗留api的 <script src="https://js.api.here.com/v3/3.1/mapsjs-core-legacy.js "
type="text/javascript"
浏览 17提问于2020-07-27得票数 2
我编写了一个简单的“添加POIs"-javascript地图，但我如何才能让点击手势在安卓上工作？ 在这里点击手势-api (JS)不起作用(使用三星S10和Chrome)。你需要点击十几次才能被识别。即使使用这里自己的示例，这也是一个问题：https://developer.here.com/api-explorer/maps-js/maps/position-on-mouse-click 使用鼠标时，一切工作正常。使用Android，你必须点击很多次。我的猜测是地图平移是激活的，而不是点击，如果你的手指在点击时有轻微的拖拽移动。 <html>
<head>
浏览 35提问于2019-10-06得票数 0
我有一个rails 3.1应用程序，它在主页(rhtml文件)中有这个简单的代码，
如果在html文件中运行相同的代码，会工作；如果在rails应用程序中运行，则不会使用和获得任何错误。
还有:我有创业板。有什么问题吗？
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script>
jQuery(document).
浏览 2提问于2011-09-22得票数 0
我将JavaScript的Maps API更新为3.1v。在那之后，栅格地图没有正确显示。经过一些缩放，得到一个不清楚的图片和问题的字体。实际：
我尝试了一些不同的像素比率和另一种地图类型，但这没有帮助。有窃听器吗？
我就是这样绘制地图的：
var platform = new H.service.Platform({
'apikey': apiKey,
});
$scope.defaultLayers = platform.createDefaultLayers({
tileSize: pixelRatio
浏览 2提问于2019-09-06得票数 0
回答已采纳
我正在遵循QuickStart指南https://developer.here.com/documentation/maps/topics/quick-start.html 我遵循了这些步骤，但似乎无法将地图渲染到屏幕上。我希望如果我附上我的代码，一些慷慨的用户也许能够帮助我解决这个问题。 这是我尝试过的： https://developer.here.com/documentation/maps/topics/quick-start.html 我使用我的head.blade.php文件来包含 {{--HERE Map API--}}
<script src="http
浏览 22提问于2019-06-08得票数 0
回答已采纳
我正尝试在我的一个SAP UI5应用程序中渲染地图。我按照文档操作，之后我就能够初始化H.service.Platform了。但是，当我初始化H.Map()时，贴图不会渲染。在调试时，发现一个调用https://js.hereapi.com/v3/3.1.9.0/styles/omv/normal.day.yaml?xnlp=CL_JSMv3.1.9.0&apikey=myApiKey，该调用失败，因为地址从未找到。 所以我试着构建一个正常的HTML项目，它工作得很好。在调试过程中，发现对相同内容的调用是https://js.api.here.com/v3/3.1//styles/o
浏览 16提问于2020-01-02得票数 0
我正在使用谷歌地图v3，希望它加载得更快。
我的设置：
在.js文件的末尾
google.maps.event.addDomListener(window, 'load', initialize);
在HTML页面代码的末尾：
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http
浏览 0提问于2011-03-14得票数 4
回答已采纳
我有一个单独的label.js文件，我在其中定义了一个自定义覆盖。它使用google.maps.OverlayView作为其原型：
Label.prototype = new google.maps.OverlayView();
我不确定将这个js文件的脚本标记放在我的index.html文件中的什么位置。如果我将脚本标记放在google地图加载标记下面，如下所示：
....
<script async defer
src="https://maps.googleapis.com/maps/api/js?...
</s
浏览 2提问于2015-09-27得票数 10
我正在使用HERE Maps Javascript API在我的Angular网站上显示地图。大多数时候，它工作得很好，但有时我会得到一个错误，贴图不会渲染。 这是错误： mapsjs-core.js:369 Tangram [error]: Error for style group 'non-collision' for tile 15/9/263/170/9 Cannot read property 'retain' of undefined: TypeError: Cannot read property 'retain' of und
浏览 32提问于2019-08-26得票数 2
我是JS和Jquery的新手，不知道是否有人可以帮助我:)
我正在使用以下代码来创建地图，它可以很好地内联工作
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Google Map with GPX track</title>
<style type="text/css">
html, body,
浏览 3提问于2013-04-27得票数 1
我正在使用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
我从Google Maps API复制了一个叠加折线示例的源代码，当我从.htm文件中执行该代码时，它没有显示任何内容。我一直在学习html、javascript和CSS，但我自己解决不了这个问题。以下是我到目前为止拥有的代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title
浏览 2提问于2013-02-23得票数 0
当我在web上查看示例代码时，一个脚本，var map = new H.Map(...，我认为它应该在加载所有DOM之后，并按如下方式修改。 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bible Map</title>
<meta name="viewport" content="initial-scale=1.0, width=de
浏览 13提问于2020-08-27得票数 1
回答已采纳
我必须加载一个JS文件
requirejs([
MyCode/mapview
],
function () {
});
现在，这取决于google地图，我也是这样做的
require( ["http://maps.google.com/maps/api/js?v=3.2&sensor=false"],
function() {
var gm = document.createElement('script');
gm.type = 'text/javascri
浏览 2提问于2013-09-20得票数 1
我已经在master blade中添加了一个google地图脚本文件
<script src="https://maps.googleapis.com/maps/api/js?key={{env('GOOGLE_MAP_API_KEY')}}&libraries=places&callback=initAutocomplete"
async defer></script>
和我@产生另一个刀片，它包含相同的映射脚本，但不同的回调'initMap‘
<script src="https://ma
浏览 2提问于2018-08-24得票数 0
我们计划在我们的项目中使用带有JS API3.1/ vector tiles的Here地图，并希望在web应用程序中使用样式reduced.day和reduced.night。简化的样式可用于某些apis，但我找不到这些样式的yaml文件。 除了normal.day和示例dark.yml之外，还有其他的样式文件吗？
浏览 28提问于2020-10-19得票数 1
我正在使用库构建一个使用Django的位置视图。问题是我找不到说明如何定义我自己的Google Maps API密钥的文档。
这是我的settings.py上的代码：
LOCATION_FIELD_PATH = STATIC_URL + 'location_field'
LOCATION_FIELD = {
'map.provider': 'google',
'map.zoom': 13,
'search.provider': 'google',
'sear
浏览 1提问于2017-04-27得票数 2
在这里，用于Javascript版本3.1的Maps Api和用于Javascript版本3的Maps Api是一个很大的区别。加载时间，缩放，路线显示要慢得多，多达3倍。
我们使用的是默认设置，但即便如此，在我们使用这里的版本3的计算机中，有一半无法使用新版本3.1。它没有加载(不能使用)。
我们能做些什么？我负担不起把所有的电脑都换成上一代的另一台电脑。是否有一些可以用来减少地图响应时间的设置？
浏览 1提问于2020-02-18得票数 2
回答已采纳
我试图将默认的鼠标摇摄行为添加到映射中，但是当尝试创建这样一个MapEvents实例时：
var mapEvents = new H.mapevents.MapEvents(map);
var behavior = new H.mapevents.Behavior(mapEvents);
我知道这个错误：
Uncaught Error: events: map instance required
我正在开发一个棱角分明的应用程序，但是我尝试了一个普通的HTML页面，同样的情况也发生了。
下面是我使用的代码：
<!DOCTYPE html>
<html lang="en
浏览 0提问于2019-08-19得票数 0
回答已采纳
我在CoffeeScript中得到了一个奇怪的行为:从加载的脚本(&callback=initMap)正确地调用了initMap函数，但是在initMap()的最后一行触发了一个错误
# Declare a global function
@initMap = ->
restaurantLocation =
lat: $('#restaurant-map').data("lat")
lng: $('#restaurant-map').data("lng")
map = new (google.
浏览 3提问于2017-11-14得票数 0
回答已采纳
关于如何在烬-cli中使用gmaps，只有一两个教程。
参见：
不幸的是，使用这种方法几天后就会出现问题。在启动我的应用程序时，似乎在gmaps中什么也没有发生。当像本教程(curl -o vendor/gmaps.js https://maps.googleapis.com/maps/api/js?key=YOUR-KEY-HERE)中描述的那样再次下载JS时，它会再次工作。
怎么可能呢？
另外，我还想知道google本身的通用方法中的异步标记。GMaps团队展示了这样使用GMaps的示例：
<script async defer src="https:
浏览 6提问于2015-09-09得票数 2
回答已采纳
在我的一个HTML文件的顶部有一行：
<script src="//maps.google.com/maps/api/js?key=apikey"></script>
该API键目前已硬编码到文件中，我希望使用在其他地方的.cfg文件中定义的配置选项。但是，我无法在脚本元素的src属性中获得任何类型的变量。
我试过：
<script>
document.createElement('script')).src='//maps.google.com/maps/api/js?key=apikeybutvariabl
浏览 8提问于2019-11-27得票数 0
回答已采纳
2回答
我有一个噩梦与这个谷歌地图定制样式向导。
好的，我有我的地图，它加载得很好，但是我试图将我的JSON文件添加到定制样式中，然后我得到了一个错误。
Uncaught :非特性或FeatureCollection
而且，错误似乎来自一个名为main.js的文件--但我有一个名为main.js的文件，其中没有这段代码。
下面是我的文档的head中的代码。
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
var map;
function
浏览 3提问于2015-01-13得票数 2
回答已采纳
我正试图在我的React应用程序中添加自定义样式到Google map，在那里我可以显示地图，但我在定义地图样式时遇到了困难。
我在使用Vanilla JS设置地图样式时包含了注释代码，但在React中总是出现错误。
const googleMapRef = useRef(null);
const googleMap = useRef(null);
const marker = useRef(null);
const createGoogleMap = () =>
new window.google.maps.Map(googleMapRef.current, {
cent
浏览 2提问于2020-10-23得票数 0
我正在努力使这里的地图工作在互联网浏览器11。我添加了这里提到的遗留模块：，并将引擎类型更改为P2D。在chrome、firefox和Edge浏览器上，一切都很正常，但是在IE11上没有任何显示，我在控制台中得到了一个错误：“无法获得未定义或空引用mapsjs-service-legacy.js (7，1)的属性'util‘”。
上面提到的行看起来像这个H.service.util.eval(<Some other code>);，尽管导入了H对象，但它没有一个名为service的字段。
我的进口货是这样的：
<link rel="stylesheet"
浏览 1提问于2019-12-17得票数 0
回答已采纳
我是新来的这里地图。我希望使用地图上的路由API结果来呈现数据。我正在使用文档中的代码，但是我得到了一个错误，H.data没有定义。
我正在使用的代码。
var reader = new H.data.geojson.Reader('/ajax/pull_map_here.php');
reader.parse();//Assumption:mapalreadyexists
map.addLayer(reader.getLayer());
我正在使用这些脚本。是否需要添加其他脚本来解决此错误。
<script type="text/javasc
浏览 2提问于2019-09-27得票数 0
我正在尝试使用geojson文件在地图上绘制各种多边形。我该怎么做呢？
我使用的是版本3，并复制了示例代码，但它不起作用。我已经尝试链接更多的javascript源文件，甚至尝试使用polygon函数手动制作形状，但也不起作用。
var platform = new H.service.Platform({
app_id: 'xxxxxxxxxxx',
app_code: 'xxxxxxxxxxxxx',
useCIT: true,
useHTTPS: true
})
var defaultLayers = platform.
浏览 16提问于2019-07-31得票数 1
回答已采纳
我有一个项目使用的地图与标记在这里的API。我从旧项目中复制代码并粘贴到新项目上，但它开始显示以下错误：
Failed to execute ‘postMessage’ on ‘DOMWindow’: The target origin provided (‘https://developer.here.com’) does not match the recipient window’s origin (‘http://127.0.0.1:5500’).
代码如下：
!DOCTYPE html>
<html lang="en">
<head>
浏览 0提问于2020-07-31得票数 1
1回答
我在我的rails应用程序中设置了一个很好的地图。一切都很好，但我不能用SnazzyMaps设置地图样式。
这是我的map.js文件：
import GMaps from 'gmaps/gmaps.js';
const mapElement = document.getElementById('map');
if (mapElement) { // don't try to build a map if there's no div#map to inject in
const map = new GMaps({ el: '#map
浏览 1提问于2018-11-16得票数 0
我正在使用Google Maps API在某个页面上显示地图。
问题是，文件http://maps.google.com/maps?file=api.....有时加载非常慢-降低了页面的性能，因为JavaScript的其余部分首先加载到document ready，它很少到达-因为浏览器锁定等待来自谷歌的文件。
我尝试将JavaScript文件从<head>标记移动到my content下。但是JavaScript的其余部分永远不会被触发，因为浏览器会等待来自谷歌的文件。
有没有办法绕过这个问题，或者其他人有过同样的问题吗？这是最近开始的，我不知道为什么。
这是我的代码，如果有人感
浏览 0提问于2009-05-17得票数 11
回答已采纳
Google Places javascript文件在我的页脚中(如下所示)。我尽量不加载这个JS文件，直到用户单击页面，或者更好地单击特定的div (class = .searchbox2)。基本上，在用户点击页面之前不要加载Google JS。谢谢!
<script async defer src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=false&libraries=places®ion=AU&language=en&key=xxxxxxxxxx
浏览 0提问于2021-04-22得票数 0
1回答
我使用angularjs-google-map指令，我的代码看起来像这样：
(function () {
define(['angular', 'app'], function (angular, app) {
app.directive('customMap', function () {
var customMapTemplate =
"<div class= \"vertical-collapse\" ng-class=\"{ 'opened' :
浏览 0提问于2016-06-20得票数 2
嗨，我必须从Config文件中读取Google，并且需要在google字符串中创建一个变量，而不是硬编码的APIKey，但我无法这样做。
--这是我需要在中添加变量的代码
@{ var googleAPIKey = ConfigurationSettings.AppSettings["APIKey_GoogleMap_BaseUrl"];
<script type="text/javascript" src="//maps.google.com/maps/api/js?sensor=true"></script>
浏览 3提问于2019-11-01得票数 1
回答已采纳
根据本手册node.js，我无法为安装Maps
PS：\Gran\节点-此处\first-project> npm install @here/maps api-for-javascript--保存npm错误！代码E404 npm！404未找到-获取 -未找到npm ERR！404 npm ERR！404‘@here/maps api-for-javascript@’不在npm注册表中。name！404您应该错误地让作者发布它(或者自己使用这个名字！)请注意，您也可以从npm！404 tarball、文件夹、http url或git url安装。
npm错误！这个运行的完整日志可以在:
浏览 4提问于2020-12-04得票数 2
我使用GeoJSON作为Google Maps的数据源。我使用接口的v3来创建数据层，如下所示：
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<script>
var map;
function initialize() {
//Initialise the map
var myLatLng = new google.maps.LatLng(53.231472,-0.539783);
map = new google.maps.M
浏览 0提问于2014-06-26得票数 21
回答已采纳
我正在跟踪在我的站点上实现一个地图。当使用本指南中的确切代码时，我在浏览器(Chrome)中得到以下错误：
message: "H.Map (Argument #0 null)"stack: "Error↵ at new C (https://js.api.here.com/v3/3.1/mapsjs-core.js:35:1007)↵ at new Q (https://js.api.here.com/v3/3.1/mapsjs-core.js:340:639)↵
(仅限关键部件)
<head>
<meta name=&#
浏览 2提问于2019-07-25得票数 1
回答已采纳
1回答
我已经创建了一个地图，您可以在这里看到
我已经创建了两次API密钥，结果相同
我已经确定了财产的位置。但是，我无法摆脱地图顶部的灰色网格。这是我正在使用的代码。
任何帮助都将不胜感激。
<html>
<head>
<style>
#map {
height: 400px;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div
浏览 25提问于2017-02-01得票数 0
每当我尝试使用Google Maps API places库时，它都会在我的浏览器控制台中显示以下错误：
TypeError: autocomplete is undefined
如果我没记错的话，这意味着places库无法加载。至于代码，我有自己的代码，但我也复制了Places API教程()中的代码。
在我的标题中，我包含了这两行：
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=MY_KEY_HERE"></script>
浏览 1提问于2014-12-04得票数 0
2回答
我有一个简单的HTML页面，我想使用API访问来显示谷歌地图。我使用以下代码：
<!DOCTYPE html><!-- HTML5 -->
<html lang="it" dir="ltr">
<head>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=blablabla&sensor=true">
<
浏览 4提问于2013-12-26得票数 3
回答已采纳
我有这个文件：
app/views/listings/list.html.erb
在我的rails项目中。以下是该文件的内容：
<h1>This file is:"list.html.erb"</h1>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type=&
浏览 0提问于2012-04-21得票数 10
回答已采纳
2回答
在Google中不起作用的标记
、、、、
我是Google地图API的新手。我编写了一个程序，它将根据where.js中给出的所有点的纬度和经度在所有点上放置标记。它加载地图，但没有放置任何标记。我不明白我做错了什么。
HTML代码如下-
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Markets of Kolkata</title>
&
浏览 5提问于2017-07-17得票数 0
回答已采纳
我的谷歌地图标记出了点问题。它们仍然有效，但我在dev控制台中得到了以下输出：
maps.php:43 Uncaught SyntaxError: Unexpected token ,
下面是我的代码中的这一行：
center: {lat: <?php echo $e[0]; ?>, lng: <?php echo $e[1]; ?>}
下一条错误消息是：
message
:
"initMap is not a function"
name
:
"InvalidValueError"
stack
:
"Error↵ at n
浏览 16提问于2017-08-04得票数 1
1回答
我做了一份报告，这件事发生了..
1.2JavaScript的page在初始页面加载过程中被解析。延迟解析JavaScript以减少页面呈现的阻塞。
https://www.youtube.com/yts/jsbin/player_ias-abcdefg/en_US/base.js (1.0MiB)
https://www.youtube.com/yts/jsbin/www-embed-player-vfll7K9A4/www-embed-player.js (93.7KiB)
https://js.stripe.com/v3/fingerprinted/js/shared-sdffdw93f
浏览 4提问于2020-02-20得票数 1
1回答
我在半个屏幕上使用ng map和geting ui，但没有在完整的div中获取它
var app = angular.module('app', ['ngMap']);
app.controller('ctrl', ['$scope', 'ngMap','$timeout', function($scope, ngMap,$timeout) {
NgMap.getMap().then(function(map) {
var center = map.getCenter();
浏览 13提问于2017-12-18得票数 1
回答已采纳
我正在使用这里的地图Api来显示地图。我的应用程序使用joomla CMS。我在浏览器控制台上看到"InvalidArgumentError“。
下面是错误：
InvalidArgumentError: H.map.DomIcon (Argument #0 No element data) ............................ mapsjs-core.js:43:1074
zh https://js.api.here.com/v3/3.1/mapsjs-core.js:164
<anonymous> https://js.api.here.com/v3/
浏览 2提问于2020-02-13得票数 0
我正在尝试实现一个Maps、V3和Local，但我似乎遇到了问题。不知何故，OnLocalSearch()函数中的结果是空的。
以下是我的完整代码：
<script type="text/javascript">
//<
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
