مرحبا
أريد استخدام مربعات مخصصة على خرائط جوجل مثل هذا المثال: https://developers.google.com/maps/documentation/javascript/examples/maptype-image
حاولت عمل توجيه جديد مثل أدناه:
<sebm-google-map>
<sebm-google-image-map-type [options]="mapImageOptions"></sebm-google-image-map-type>
</sebm-google-map>
أردت فقط التحقق مما إذا كان هذا هو النهج الصحيح حيث توجد جميع الخيارات والمضمنة في المكون أم يجب أن يكون أكثر تفصيلاً وجود سمة لكل خاصية؟
أو نظرًا لأن هذا ليس مكونًا مرئيًا حقًا ، يجب أن يكون مجرد خدمة يتم تمريرها إلى المكون. (لذلك تم تكوينه عبر التعليمات البرمجية فقط لا توجد عناصر html)
هل هناك أي نصيحة حول أي نهج تم إتقانه؟
شكرا
كارل
مرحبًا كارل ،
أحاول أن أفعل شيئًا مشابهًا ، قم بتحميل بعض تراكبات WMS المخصصة المقدمة من مجموعة MapServer خارجية ، لكنني عالق لأنني لا أعرف كيفية الحصول على مرجع إلى مثيل googleMap الفعلي من أجل إضافة التراكبات الخاصة بي إلى overlayMapTypes مجموعة).
أعتقد أنه يجب أن تكون هناك طريقة للوصول إلى مثيل خريطة google.map الأصلي ، من خلال تعريضه من خلال GoogleMapsAPIWrapper؟
هذا هو أسلوبي (حتى الآن) ... في منشئ MyComponent.ts
`var overlayMap = فارغ ؛
// Getting a handle on the GoogleMaps api namespace
if ((<any>window).google || (<any>window).google.maps) {
const gm = (<any>window).google.maps;
if (layers.length > 0) {
var overlayMapOptions = {
getTileUrl(coord, zoom) {
var url = this.loadBalanceWms() + "/mapserver.exe?Map=../mapfile/xxx.map";
url += "&mode=tile";
url += "&tile=" + coord.x + "+" + coord.y + "+" + zoom;
url += "&tilemode=gmap";
url += "&layers=" + layers; //WMS layers
url += "&WIDTH=256";
url += "&HEIGHT=256";
return url;
},
tileSize: new gm.Size(256, 256),
isPng: true,
name: "WMSOverlay"
};
overlayMap = new gm.ImageMapType(overlayMapOptions);
// Breaks here
this._mapsWrapper.getMap()
.then(a => {
(<any>a).overlayMapTypes.push(overlayMap);
},
f => {
window.console.log(f);
});
}
};`
anaratz هل هذا مجدي ما فعلته ؟؟ لإنشاء خريطة مخصصة متجانبة
لا، فإنه لا يعمل...
... لأن مجموعة overlayMapTypes غير موجودة في واجهة mapTypes.GoogleMap ، ولا يمكنني العثور على طريقة للوصول إلى مثيل خريطة google.maps.Map الأساسي
anaratz إذًا لا يوجد حل لهذا بعد؟
لا ليس بعد
anaratz لقد نجحت في العمل ، لكنني كنت أطرح سؤالاً في بداية هذا الإصدار حول كيفية هيكلة الكود الخاص بي ، ثم سأقوم بإجراء العلاقات العامة ، هل يجب أن أقوم فقط بإجراء علاقات عامة ومعرفة كيف ستسير الأمور؟
@ carl09 هل يمكنك أن تبين لنا كيف قمت بإصلاحه؟
@ carl09 نعم رجاء كارل.
مرحبًا smgjreinieren ، anaratz لقد قمت بتحديث العلاقات العامة الخاصة بي وأنشأت عرضًا توضيحيًا
http://plnkr.co/edit/OlljPTvgqdq0Na2lvZPN؟p=preview
PR: https://github.com/SebastianM/angular2-google-maps/pull/345
أى إفادة ستكون عظيمة
@ carl09 هل قمت بعمل ذلك أيضًا في الكتابة المطبوعة؟
smgjreinieren نعم يتم كل ذلك في كتابة نصية
@ carl09 Ohhhh الآن أرى آسف! أحسنت! شكرا
أواجه مشكلة في مهمة " clang: check " ، سأحاول فقط تحديث العقدة من v4 إلى v6 ومعرفة ما إذا كانت تعمل على إصلاحها ، فهذا يجعلك غير متأكد حقًا عند دفع التغييرات
@ carl09 ولكن ليس هناك نوع خريطة مخصصة؟
smgjreinieren كنت أستخدم "Open Street Maps" في الغطاس لعرض التغييرات ، ألا تعمل من أجلك ، أم أنها ليست ما تقصده؟
مثل هذا المثال: https://developers.google.com/maps/documentation/javascript/examples/maptype-image-overlay
لقد رأيت للتو سؤالك الآخر ، لذا فأنا أتفهم ما تعنيه الآن
@ carl09 أريد تعيين صورة خاصة كنوع الخريطة ، هي "فتح خرائط الشوارع" وهي صورة تنشئ نوع خريطة مخصص
smgjreinieren هل لديك صورة مشفرة جغرافيا؟ أم هو مجرد ملف صورة قياسي؟
يمكنك استخدام أداة مثل http://www.qgis.org/en/site/ التي وصور الكود الجغرافي ، وكذلك إنشاء مربعات بحيث يمكنك استخدامها لخرائط جوجل
@ carl09 هم يبدو أنه لا يمكنني استخدامه! هل يمكنك ربما تحويل الصورة لي؟
ولماذا لا يتعرف الإعداد الأساسي الخاص بك ولا يتعرف على MapTypeId من "angular2-google-maps / core"؟ ربما لأنه لا يحتوي على نواة أراها ، ولكن كيف يمكنني استيرادها من الإعداد الخاص بك: https://github.com/carl09/angular2-google-maps-example
مرحبًا smgjreinieren لقد قمت بتحديث نموذج الكود الخاص بي في هذا الريبو إذا كنت تريد تحديثه.
ما هو المحرر الذي تستخدمه للتحرير؟ أنا أستخدم VS Code وهو عبارة عن طبقات لمعرفة المراجع إذا كان ذلك يساعد
@ carl09 شكرا يا صديقي! ولكن لا يزال غير قادر على جعل QGIS يعمل لنظام التشغيل Mac! هل يمكن أن أرسل لك الصورة ، إنها مجرد جزء صغير من خريطة العالم ، هل هذا ممكن أيضًا؟
مثل هذا: http://postimg.org/image/6okpwebsb/
@ carl09 هل من الممكن استخدام صورة من المجلد المحلي؟ بدلاً من الإنترنت
مرحبا
نعم يمكنك ذلك ، إما أنه يمكنك استضافتها في مثيل العقدة ، تمامًا كما تستضيف ملفات css و js ، ولكن أعتقد أنه يمكنك أيضًا استخدام file: // وتوجيهه محليًا ، ولكن لست متأكدًا من مدى نجاح ذلك
هل من الممكن تعطيل DefaultUI في المنشئ؟ لأنه لا يتعرف عليه هكذا:
constructor(){
this.imageMapOptions = {
getTileUrl: (coord: ImageMapTypeCoord, zoom: number) => {
return
http://www.sylvanreinieren.com/tiles/ $ {zoom} / $ {format.x} / $ {format.y} .png
},
tileSize: { height: 256, width: 256 },
maxZoom: 16,
minZoom: 12,
radius: 1738000,
name: 'linZ',
disableDefaultUI: true,
alt: 'LINZ Topo Maps'
};
}
أي تقدم في هذه الميزة؟ لقد بدأت للتو في البحث عن خرائط Google-angular2 منذ يومين ويبدو أنها ستحل ما أريد إضافته في طلبي ، لكنني بحاجة حقًا إلى استبدال خرائط خرائط Google ببعض الخرائط التفصيلية من النرويجية " كارتفيركت ".
@ carl09 آسف على الرد المتأخر ... هناك الكثير مما يجب فعله حاليًا. لكي نكون متسقين مع العناصر الأخرى ، يجب أن نستخدم سمات منفصلة يمكنك الارتباط بها ، لذلك لا توجد [خيارات] مفردة. هل انت موافق على هذا؟
+1 نتوء ، أحب استخدام هذه الميزة
هل تم نقل ميزة طبقة WMS المخصصة هذه إلى اجتماع الجمعية العمومية الجديد؟
إذن لا توجد طريقة لجلب صورة من عنوان URL وعرضها على الخريطة؟
sneckelmann لقد جربنا كثيرًا ولكن في النهاية كنا الآن نستخدم svgs المشفر الأساسي للعلامات .. ليس الحل الأفضل ولكنه يعمل
هل يتم تحديث هذه الميزة في خرائط agm؟
تضمين التغريدة
تماما مثل هذا plunkr
http://plnkr.co/edit/OlljPTvgqdq0Na2lvZPN؟p=preview
هل تم تنفيذ تراكبات الخرائط في الجمعية العمومية السنوية؟
@ carl09 عندما استبدلت openstreetmap بواجهة برمجة تطبيقات openweathermap ، كان التجانب يستبدل تجانب الخريطة. هل يمكننا تحويل تلك البلاط؟
كنت أرغب في تنفيذ مثل هذا النوع من الأشياء مع AGM
https://jsfiddle.net/601oqwq2/221/
SebastianM ، الميزة معلقة لفترة طويلة ، هل يمكننا الحصول على فكرة حول الرجوع إلى مثيل خريطة google الداخلي ، حتى نتمكن من القيام ببعض الحلول على الأقل حتى تحصل الميزة على تحديث من جانبك؟
لقد وجدت شيئًا ما في # 1423 ، دعني أفكر أيضًا في شيء ؛ P
تضمين التغريدة
حل بديل للسيناريو أعلاه
https://github.com/er-shrey/AGM-Openweather- التكامل
@ carl09 إلقاء نظرة عليه
أعتقد أنه يجب إغلاق طلب الميزة حيث يوجد حل بسيط لذلك.
تم وضع علامة على هذه المشكلة تلقائيًا على أنها قديمة نظرًا لعدم وجود نشاط حديث لها. سيتم إغلاقه إذا لم يحدث أي نشاط آخر. شكرا لمساهماتكم.
التعليق الأكثر فائدة
هل يتم تحديث هذه الميزة في خرائط agm؟